Gentleface › Weather › snowman
snowman icon
snowmanSnowman: snowman, snow day. Drawn on the 16 px grid. Free SVG, PNG and code, MIT licensed.
Code line-round
<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M6 3L6 1L9 1L9 3L11 3L11 4L7.501 4C7.819 4 8.125 4.059 8.42 4.176C8.741 4.303 9.024 4.488 9.268 4.732C9.512 4.976 9.697 5.259 9.824 5.58C9.885 5.734 9.931 5.891 9.96 6.051L11.75 6.25C11.888 6.25 12 6.362 12 6.5C12 6.638 11.888 6.75 11.75 6.75L9.96 6.949C9.931 7.109 9.885 7.266 9.824 7.42C9.697 7.741 9.512 8.024 9.268 8.268C9.024 8.512 8.741 8.697 8.42 8.824C8.125 8.941 7.818 9 7.5 9C7.182 9 6.875 8.941 6.58 8.824C6.259 8.697 5.976 8.512 5.732 8.268C5.488 8.024 5.303 7.741 5.176 7.42C5.059 7.125 5 6.818 5 6.5C5 6.182 5.059 5.875 5.176 5.58C5.303 5.259 5.488 4.976 5.732 4.732C5.976 4.488 6.259 4.303 6.58 4.176C6.875 4.059 7.181 4 7.499 4L4 4L4 3L6 3ZM6.948 7.895C7.125 7.965 7.309 8 7.5 8C7.691 8 7.875 7.965 8.052 7.895C8.245 7.818 8.414 7.707 8.561 7.561C8.707 7.414 8.818 7.245 8.895 7.052C8.965 6.875 9 6.691 9 6.5C9 6.309 8.965 6.125 8.895 5.948C8.818 5.755 8.707 5.586 8.561 5.439C8.414 5.293 8.245 5.182 8.052 5.105C7.875 5.035 7.691 5 7.5 5C7.309 5 7.125 5.035 6.948 5.105C6.755 5.182 6.586 5.293 6.439 5.439C6.293 5.586 6.182 5.755 6.105 5.948C6.035 6.125 6 6.309 6 6.5C6 6.691 6.035 6.875 6.105 7.052C6.182 7.245 6.293 7.414 6.439 7.561C6.586 7.707 6.755 7.818 6.948 7.895ZM0.997 8.5C0.997 8.364 1.047 8.246 1.146 8.146C1.244 8.049 1.362 8 1.5 8C1.638 8 1.756 8.049 1.854 8.146L4.16 10.453C4.194 10.344 4.234 10.236 4.28 10.129C4.466 9.691 4.731 9.307 5.074 8.977C5.176 8.879 5.295 8.832 5.431 8.834C5.567 8.837 5.684 8.889 5.781 8.991C5.877 9.09 5.923 9.209 5.921 9.347C5.918 9.485 5.867 9.602 5.767 9.698C5.522 9.933 5.333 10.208 5.2 10.521C5.067 10.833 5 11.16 5 11.5C5 11.818 5.059 12.125 5.176 12.42C5.303 12.741 5.488 13.024 5.732 13.268C5.976 13.512 6.259 13.697 6.58 13.824C6.875 13.941 7.182 14 7.5 14C7.818 14 8.125 13.941 8.42 13.824C8.741 13.697 9.024 13.512 9.268 13.268C9.512 13.024 9.697 12.741 9.824 12.42C9.941 12.125 10 11.818 10 11.5C10 11.16 9.933 10.833 9.8 10.521C9.667 10.208 9.478 9.933 9.233 9.698C9.131 9.6 9.079 9.483 9.076 9.347C9.074 9.211 9.121 9.092 9.219 8.991C9.316 8.889 9.433 8.837 9.569 8.834C9.705 8.832 9.824 8.879 9.926 8.977C10.269 9.307 10.534 9.691 10.72 10.129C10.766 10.236 10.806 10.344 10.84 10.453L13.146 8.146C13.246 8.047 13.364 7.997 13.5 7.997C13.636 7.997 13.754 8.047 13.854 8.146C13.953 8.246 14.003 8.364 14.003 8.5C14.003 8.636 13.953 8.754 13.854 8.854L10.994 11.713C10.972 12.083 10.892 12.441 10.754 12.788C10.576 13.238 10.317 13.633 9.975 13.975C9.633 14.317 9.238 14.576 8.788 14.754C8.375 14.918 7.945 15 7.5 15C7.055 15 6.625 14.918 6.212 14.754C5.762 14.576 5.367 14.317 5.025 13.975C4.683 13.633 4.424 13.238 4.246 12.788C4.108 12.441 4.028 12.083 4.006 11.713L1.146 8.854C1.047 8.754 0.997 8.636 0.997 8.5ZM6.97 10.22C7.116 10.073 7.293 10 7.5 10C7.707 10 7.884 10.073 8.03 10.22C8.177 10.366 8.25 10.543 8.25 10.75C8.25 10.957 8.177 11.134 8.03 11.28C7.884 11.427 7.707 11.5 7.5 11.5C7.293 11.5 7.116 11.427 6.97 11.28C6.823 11.134 6.75 10.957 6.75 10.75C6.75 10.543 6.823 10.366 6.97 10.22ZM6.97 12.22C7.116 12.073 7.293 12 7.5 12C7.707 12 7.884 12.073 8.03 12.22C8.177 12.366 8.25 12.543 8.25 12.75C8.25 12.956 8.177 13.133 8.032 13.279C8.031 13.28 8.03 13.281 8.029 13.282C7.883 13.427 7.706 13.5 7.5 13.5C7.294 13.5 7.117 13.427 6.971 13.282C6.97 13.281 6.969 13.28 6.968 13.279C6.823 13.133 6.75 12.956 6.75 12.75C6.75 12.543 6.823 12.366 6.97 12.22Z"/></svg>
// Gentleface "snowman" (line-round), MIT. https://gentleface.com/icons/snowman
import type { SVGProps } from 'react';
export function SnowmanIcon(props: SVGProps<SVGSVGElement>) {
return (
<svg xmlns="http://www.w3.org/2000/svg" width={16} height={16} viewBox="0 0 16 16" fill="currentColor" aria-hidden="true" {...props}>
<path d="M6 3L6 1L9 1L9 3L11 3L11 4L7.501 4C7.819 4 8.125 4.059 8.42 4.176C8.741 4.303 9.024 4.488 9.268 4.732C9.512 4.976 9.697 5.259 9.824 5.58C9.885 5.734 9.931 5.891 9.96 6.051L11.75 6.25C11.888 6.25 12 6.362 12 6.5C12 6.638 11.888 6.75 11.75 6.75L9.96 6.949C9.931 7.109 9.885 7.266 9.824 7.42C9.697 7.741 9.512 8.024 9.268 8.268C9.024 8.512 8.741 8.697 8.42 8.824C8.125 8.941 7.818 9 7.5 9C7.182 9 6.875 8.941 6.58 8.824C6.259 8.697 5.976 8.512 5.732 8.268C5.488 8.024 5.303 7.741 5.176 7.42C5.059 7.125 5 6.818 5 6.5C5 6.182 5.059 5.875 5.176 5.58C5.303 5.259 5.488 4.976 5.732 4.732C5.976 4.488 6.259 4.303 6.58 4.176C6.875 4.059 7.181 4 7.499 4L4 4L4 3L6 3ZM6.948 7.895C7.125 7.965 7.309 8 7.5 8C7.691 8 7.875 7.965 8.052 7.895C8.245 7.818 8.414 7.707 8.561 7.561C8.707 7.414 8.818 7.245 8.895 7.052C8.965 6.875 9 6.691 9 6.5C9 6.309 8.965 6.125 8.895 5.948C8.818 5.755 8.707 5.586 8.561 5.439C8.414 5.293 8.245 5.182 8.052 5.105C7.875 5.035 7.691 5 7.5 5C7.309 5 7.125 5.035 6.948 5.105C6.755 5.182 6.586 5.293 6.439 5.439C6.293 5.586 6.182 5.755 6.105 5.948C6.035 6.125 6 6.309 6 6.5C6 6.691 6.035 6.875 6.105 7.052C6.182 7.245 6.293 7.414 6.439 7.561C6.586 7.707 6.755 7.818 6.948 7.895ZM0.997 8.5C0.997 8.364 1.047 8.246 1.146 8.146C1.244 8.049 1.362 8 1.5 8C1.638 8 1.756 8.049 1.854 8.146L4.16 10.453C4.194 10.344 4.234 10.236 4.28 10.129C4.466 9.691 4.731 9.307 5.074 8.977C5.176 8.879 5.295 8.832 5.431 8.834C5.567 8.837 5.684 8.889 5.781 8.991C5.877 9.09 5.923 9.209 5.921 9.347C5.918 9.485 5.867 9.602 5.767 9.698C5.522 9.933 5.333 10.208 5.2 10.521C5.067 10.833 5 11.16 5 11.5C5 11.818 5.059 12.125 5.176 12.42C5.303 12.741 5.488 13.024 5.732 13.268C5.976 13.512 6.259 13.697 6.58 13.824C6.875 13.941 7.182 14 7.5 14C7.818 14 8.125 13.941 8.42 13.824C8.741 13.697 9.024 13.512 9.268 13.268C9.512 13.024 9.697 12.741 9.824 12.42C9.941 12.125 10 11.818 10 11.5C10 11.16 9.933 10.833 9.8 10.521C9.667 10.208 9.478 9.933 9.233 9.698C9.131 9.6 9.079 9.483 9.076 9.347C9.074 9.211 9.121 9.092 9.219 8.991C9.316 8.889 9.433 8.837 9.569 8.834C9.705 8.832 9.824 8.879 9.926 8.977C10.269 9.307 10.534 9.691 10.72 10.129C10.766 10.236 10.806 10.344 10.84 10.453L13.146 8.146C13.246 8.047 13.364 7.997 13.5 7.997C13.636 7.997 13.754 8.047 13.854 8.146C13.953 8.246 14.003 8.364 14.003 8.5C14.003 8.636 13.953 8.754 13.854 8.854L10.994 11.713C10.972 12.083 10.892 12.441 10.754 12.788C10.576 13.238 10.317 13.633 9.975 13.975C9.633 14.317 9.238 14.576 8.788 14.754C8.375 14.918 7.945 15 7.5 15C7.055 15 6.625 14.918 6.212 14.754C5.762 14.576 5.367 14.317 5.025 13.975C4.683 13.633 4.424 13.238 4.246 12.788C4.108 12.441 4.028 12.083 4.006 11.713L1.146 8.854C1.047 8.754 0.997 8.636 0.997 8.5ZM6.97 10.22C7.116 10.073 7.293 10 7.5 10C7.707 10 7.884 10.073 8.03 10.22C8.177 10.366 8.25 10.543 8.25 10.75C8.25 10.957 8.177 11.134 8.03 11.28C7.884 11.427 7.707 11.5 7.5 11.5C7.293 11.5 7.116 11.427 6.97 11.28C6.823 11.134 6.75 10.957 6.75 10.75C6.75 10.543 6.823 10.366 6.97 10.22ZM6.97 12.22C7.116 12.073 7.293 12 7.5 12C7.707 12 7.884 12.073 8.03 12.22C8.177 12.366 8.25 12.543 8.25 12.75C8.25 12.956 8.177 13.133 8.032 13.279C8.031 13.28 8.03 13.281 8.029 13.282C7.883 13.427 7.706 13.5 7.5 13.5C7.294 13.5 7.117 13.427 6.971 13.282C6.97 13.281 6.969 13.28 6.968 13.279C6.823 13.133 6.75 12.956 6.75 12.75C6.75 12.543 6.823 12.366 6.97 12.22Z" />
</svg>
);
}Vue: see /icons/snowman.md
Svelte: see /icons/snowman.md
HTML img: see /icons/snowman.md
CSS: see /icons/snowman.md
Data URL: see /icons/snowman.md
Sprite: see /icons/snowman.md
SwiftUI: see /icons/snowman.md
Compose: see /icons/snowman.md
Android XML: see /icons/snowman.md
Flutter: see /icons/snowman.md
Each icon is drawn on the 16 px grid, and most also on the 20 and 24 px grids (at 24 in three weights: light 1 px, regular 1.5 px, bold 2 px). Show the drawing made for your size, or an exact multiple of it, on whole pixels: 16 for 16 and 32 px, 20 for 20 and 40, 24 for 24 and 48. A size in between or a fractional position blurs it. The code on each icon page is the 16 px drawing, an SVG with fill="currentColor"; the icon page's downloads follow its Grid switch, and npm has the 20 and 24 px drawings too. The snippets are decorative (aria-hidden). For an icon that carries meaning on its own, such as an icon-only button, label the button, or give the SVG role="img" and an aria-label. More in how to use.
With npm: import { SnowmanIcon } from '@gentleface/react'; (setup).
Meaning
- Use it for
- snowman, snow day
- Tags
- snowman, snow day, snow, winter, christmas, holiday, cold, december
- Category
- Weather
- Component name
SnowmanIcon- History
- added, released in 0.6.0
- 16 px redrawn
- Since
- version 0.6.0
More weather icons
air-quality avalanche celsius cloud-drizzle cloud-fog cloud-hail cloud-lightning cloud-moon cloud-moon-rain cloud-rain cloud-rain-heavy cloud-rain-wind cloud-sleet cloud-snow cloud-snow-wind cloud-sun · all weather icons
For agents
Metadata: /icons/snowman.json · Markdown: /icons/snowman.md · SVG: https://gentleface.com/svg/{style}/16/snowman.svg · PNG: https://gentleface.com/png/{style}/{16|32|48}/snowman.png