snowman icon
snowman from Meteocons by Bas Milius · Line · MIT Free for personal and commercial use.
- Name
- snowman
- Set
- Meteocons
- Style
- Line
- Viewbox
- 512×512
- License
- MIT
1 other variant in Meteocons
The same icon in other sets
All snowman icons →snowmanEmoji One (Colored)snowmanFont Awesome 6 SolidsnowmanFont Awesome SolidsnowmanFluent EmojisnowmanFluent Emoji FlatsnowmanFluent Emoji High ContrastsnowmanIconParksnowmanIconPark OutlinesnowmanIconPark SolidsnowmanIconPark TwoTonesnowmanLine AwesomesnowmanLucide LabsnowmanMaterial Design Iconssnowman-fillMingCute IconsnowmanNoto EmojisnowmanOpenMojisnowmanStreamline EmojissnowmanTabler IconssnowmanTwitter Emoji
Use the snowman icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><defs><clipPath id="SVGT2qyufQK"><path fill="none" d="M119 428.7h271V305.3h-53.1L325 312l-14-9l2-14l12-7h65V81.6H119V282h68l13 8v15l-13 7l-15.2-9H119z"/></clipPath></defs><circle cx="325" cy="297" r="15" fill="none" stroke="#e2e8f0" stroke-miterlimit="10" stroke-width="6"/><circle cx="187" cy="297" r="15" fill="none" stroke="#e2e8f0" stroke-miterlimit="10" stroke-width="6"/><g clip-path="url(#SVGT2qyufQK)"><circle cx="256" cy="330" r="84" fill="none" stroke="#e2e8f0" stroke-miterlimit="10" stroke-width="9"/><circle cx="256" cy="202" r="60" fill="none" stroke="#e2e8f0" stroke-miterlimit="10" stroke-width="9"/><path fill="#374151" d="M259 231a3 3 0 1 1-3-3a3 3 0 0 1 3 3m-12-5a3 3 0 1 0 3 3a3 3 0 0 0-3-3m-8-6a3 3 0 1 0 3 3a3 3 0 0 0-3-3m26 6a3 3 0 1 0 3 3a3 3 0 0 0-3-3m8-6a3 3 0 1 0 3 3a3 3 0 0 0-3-3m7-34a8 8 0 1 1-8-8a8 8 0 0 1 8 8m-40-8a8 8 0 1 0 8 8a8 8 0 0 0-8-8"/><path fill="#ef4444" d="M280 266h-65.2a7 7 0 0 1-6.8-7.1V249a7 7 0 0 1 7.3-7h81.4a7 7 0 0 1 7.3 7v9.8a7 7 0 0 1-6.8 7.1Z"/><path fill="#1e293b" d="m290 133.4l-24.1 6.5a.3.3 0 0 1-.3-.2l-9.3-34.5a4 4 0 0 0-5-2.9l-38.5 10.4a4 4 0 0 0-2.9 5l9.3 34.4a.3.3 0 0 1-.2.3l-24.2 6.5a6.7 6.7 0 0 0-4.7 8.2l2.7 10.2a6.7 6.7 0 0 0 8.3 4.7l95.2-25.4a6.7 6.7 0 0 0 4.7-8.3l-2.7-10.2a6.7 6.7 0 0 0-8.3-4.7"/><path fill="none" stroke="#ef4444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="4" d="m222.1 147.4l38.6-10.3"/><circle cx="256" cy="205.2" r="8" fill="#ffa94d"/><path fill="#374151" d="M264 324a8 8 0 1 1-8-8a8 8 0 0 1 8 8m-8 16a8 8 0 1 0 8 8a8 8 0 0 0-8-8m0-48a8 8 0 1 0 8 8a8 8 0 0 0-8-8"/></g></svg>
React
import type { SVGProps } from "react";
export function MeteoconsSnowman(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><defs><clipPath id="SVGT2qyufQK"><path fill="none" d="M119 428.7h271V305.3h-53.1L325 312l-14-9l2-14l12-7h65V81.6H119V282h68l13 8v15l-13 7l-15.2-9H119z"/></clipPath></defs><circle cx="325" cy="297" r="15" fill="none" stroke="#e2e8f0" strokeMiterlimit="10" strokeWidth="6"/><circle cx="187" cy="297" r="15" fill="none" stroke="#e2e8f0" strokeMiterlimit="10" strokeWidth="6"/><g clipPath="url(#SVGT2qyufQK)"><circle cx="256" cy="330" r="84" fill="none" stroke="#e2e8f0" strokeMiterlimit="10" strokeWidth="9"/><circle cx="256" cy="202" r="60" fill="none" stroke="#e2e8f0" strokeMiterlimit="10" strokeWidth="9"/><path fill="#374151" d="M259 231a3 3 0 1 1-3-3a3 3 0 0 1 3 3m-12-5a3 3 0 1 0 3 3a3 3 0 0 0-3-3m-8-6a3 3 0 1 0 3 3a3 3 0 0 0-3-3m26 6a3 3 0 1 0 3 3a3 3 0 0 0-3-3m8-6a3 3 0 1 0 3 3a3 3 0 0 0-3-3m7-34a8 8 0 1 1-8-8a8 8 0 0 1 8 8m-40-8a8 8 0 1 0 8 8a8 8 0 0 0-8-8"/><path fill="#ef4444" d="M280 266h-65.2a7 7 0 0 1-6.8-7.1V249a7 7 0 0 1 7.3-7h81.4a7 7 0 0 1 7.3 7v9.8a7 7 0 0 1-6.8 7.1Z"/><path fill="#1e293b" d="m290 133.4l-24.1 6.5a.3.3 0 0 1-.3-.2l-9.3-34.5a4 4 0 0 0-5-2.9l-38.5 10.4a4 4 0 0 0-2.9 5l9.3 34.4a.3.3 0 0 1-.2.3l-24.2 6.5a6.7 6.7 0 0 0-4.7 8.2l2.7 10.2a6.7 6.7 0 0 0 8.3 4.7l95.2-25.4a6.7 6.7 0 0 0 4.7-8.3l-2.7-10.2a6.7 6.7 0 0 0-8.3-4.7"/><path fill="none" stroke="#ef4444" strokeLinecap="square" strokeMiterlimit="10" strokeWidth="4" d="m222.1 147.4l38.6-10.3"/><circle cx="256" cy="205.2" r="8" fill="#ffa94d"/><path fill="#374151" d="M264 324a8 8 0 1 1-8-8a8 8 0 0 1 8 8m-8 16a8 8 0 1 0 8 8a8 8 0 0 0-8-8m0-48a8 8 0 1 0 8 8a8 8 0 0 0-8-8"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><defs><clipPath id="SVGT2qyufQK"><path fill="none" d="M119 428.7h271V305.3h-53.1L325 312l-14-9l2-14l12-7h65V81.6H119V282h68l13 8v15l-13 7l-15.2-9H119z"/></clipPath></defs><circle cx="325" cy="297" r="15" fill="none" stroke="#e2e8f0" stroke-miterlimit="10" stroke-width="6"/><circle cx="187" cy="297" r="15" fill="none" stroke="#e2e8f0" stroke-miterlimit="10" stroke-width="6"/><g clip-path="url(#SVGT2qyufQK)"><circle cx="256" cy="330" r="84" fill="none" stroke="#e2e8f0" stroke-miterlimit="10" stroke-width="9"/><circle cx="256" cy="202" r="60" fill="none" stroke="#e2e8f0" stroke-miterlimit="10" stroke-width="9"/><path fill="#374151" d="M259 231a3 3 0 1 1-3-3a3 3 0 0 1 3 3m-12-5a3 3 0 1 0 3 3a3 3 0 0 0-3-3m-8-6a3 3 0 1 0 3 3a3 3 0 0 0-3-3m26 6a3 3 0 1 0 3 3a3 3 0 0 0-3-3m8-6a3 3 0 1 0 3 3a3 3 0 0 0-3-3m7-34a8 8 0 1 1-8-8a8 8 0 0 1 8 8m-40-8a8 8 0 1 0 8 8a8 8 0 0 0-8-8"/><path fill="#ef4444" d="M280 266h-65.2a7 7 0 0 1-6.8-7.1V249a7 7 0 0 1 7.3-7h81.4a7 7 0 0 1 7.3 7v9.8a7 7 0 0 1-6.8 7.1Z"/><path fill="#1e293b" d="m290 133.4l-24.1 6.5a.3.3 0 0 1-.3-.2l-9.3-34.5a4 4 0 0 0-5-2.9l-38.5 10.4a4 4 0 0 0-2.9 5l9.3 34.4a.3.3 0 0 1-.2.3l-24.2 6.5a6.7 6.7 0 0 0-4.7 8.2l2.7 10.2a6.7 6.7 0 0 0 8.3 4.7l95.2-25.4a6.7 6.7 0 0 0 4.7-8.3l-2.7-10.2a6.7 6.7 0 0 0-8.3-4.7"/><path fill="none" stroke="#ef4444" stroke-linecap="square" stroke-miterlimit="10" stroke-width="4" d="m222.1 147.4l38.6-10.3"/><circle cx="256" cy="205.2" r="8" fill="#ffa94d"/><path fill="#374151" d="M264 324a8 8 0 1 1-8-8a8 8 0 0 1 8 8m-8 16a8 8 0 1 0 8 8a8 8 0 0 0-8-8m0-48a8 8 0 1 0 8 8a8 8 0 0 0-8-8"/></g></svg> </template>
CSS
.icon-snowman {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGT2qyufQK%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M119%20428.7h271V305.3h-53.1L325%20312l-14-9l2-14l12-7h65V81.6H119V282h68l13%208v15l-13%207l-15.2-9H119z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%22325%22%20cy%3D%22297%22%20r%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22%23e2e8f0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%226%22%2F%3E%3Ccircle%20cx%3D%22187%22%20cy%3D%22297%22%20r%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22%23e2e8f0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%226%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVGT2qyufQK)%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22330%22%20r%3D%2284%22%20fill%3D%22none%22%20stroke%3D%22%23e2e8f0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%229%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22202%22%20r%3D%2260%22%20fill%3D%22none%22%20stroke%3D%22%23e2e8f0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%229%22%2F%3E%3Cpath%20fill%3D%22%23374151%22%20d%3D%22M259%20231a3%203%200%201%201-3-3a3%203%200%200%201%203%203m-12-5a3%203%200%201%200%203%203a3%203%200%200%200-3-3m-8-6a3%203%200%201%200%203%203a3%203%200%200%200-3-3m26%206a3%203%200%201%200%203%203a3%203%200%200%200-3-3m8-6a3%203%200%201%200%203%203a3%203%200%200%200-3-3m7-34a8%208%200%201%201-8-8a8%208%200%200%201%208%208m-40-8a8%208%200%201%200%208%208a8%208%200%200%200-8-8%22%2F%3E%3Cpath%20fill%3D%22%23ef4444%22%20d%3D%22M280%20266h-65.2a7%207%200%200%201-6.8-7.1V249a7%207%200%200%201%207.3-7h81.4a7%207%200%200%201%207.3%207v9.8a7%207%200%200%201-6.8%207.1Z%22%2F%3E%3Cpath%20fill%3D%22%231e293b%22%20d%3D%22m290%20133.4l-24.1%206.5a.3.3%200%200%201-.3-.2l-9.3-34.5a4%204%200%200%200-5-2.9l-38.5%2010.4a4%204%200%200%200-2.9%205l9.3%2034.4a.3.3%200%200%201-.2.3l-24.2%206.5a6.7%206.7%200%200%200-4.7%208.2l2.7%2010.2a6.7%206.7%200%200%200%208.3%204.7l95.2-25.4a6.7%206.7%200%200%200%204.7-8.3l-2.7-10.2a6.7%206.7%200%200%200-8.3-4.7%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ef4444%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%20d%3D%22m222.1%20147.4l38.6-10.3%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22205.2%22%20r%3D%228%22%20fill%3D%22%23ffa94d%22%2F%3E%3Cpath%20fill%3D%22%23374151%22%20d%3D%22M264%20324a8%208%200%201%201-8-8a8%208%200%200%201%208%208m-8%2016a8%208%200%201%200%208%208a8%208%200%200%200-8-8m0-48a8%208%200%201%200%208%208a8%208%200%200%200-8-8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGT2qyufQK%22%3E%3Cpath%20fill%3D%22none%22%20d%3D%22M119%20428.7h271V305.3h-53.1L325%20312l-14-9l2-14l12-7h65V81.6H119V282h68l13%208v15l-13%207l-15.2-9H119z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%3E%3Ccircle%20cx%3D%22325%22%20cy%3D%22297%22%20r%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22%23e2e8f0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%226%22%2F%3E%3Ccircle%20cx%3D%22187%22%20cy%3D%22297%22%20r%3D%2215%22%20fill%3D%22none%22%20stroke%3D%22%23e2e8f0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%226%22%2F%3E%3Cg%20clip-path%3D%22url(%23SVGT2qyufQK)%22%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22330%22%20r%3D%2284%22%20fill%3D%22none%22%20stroke%3D%22%23e2e8f0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%229%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22202%22%20r%3D%2260%22%20fill%3D%22none%22%20stroke%3D%22%23e2e8f0%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%229%22%2F%3E%3Cpath%20fill%3D%22%23374151%22%20d%3D%22M259%20231a3%203%200%201%201-3-3a3%203%200%200%201%203%203m-12-5a3%203%200%201%200%203%203a3%203%200%200%200-3-3m-8-6a3%203%200%201%200%203%203a3%203%200%200%200-3-3m26%206a3%203%200%201%200%203%203a3%203%200%200%200-3-3m8-6a3%203%200%201%200%203%203a3%203%200%200%200-3-3m7-34a8%208%200%201%201-8-8a8%208%200%200%201%208%208m-40-8a8%208%200%201%200%208%208a8%208%200%200%200-8-8%22%2F%3E%3Cpath%20fill%3D%22%23ef4444%22%20d%3D%22M280%20266h-65.2a7%207%200%200%201-6.8-7.1V249a7%207%200%200%201%207.3-7h81.4a7%207%200%200%201%207.3%207v9.8a7%207%200%200%201-6.8%207.1Z%22%2F%3E%3Cpath%20fill%3D%22%231e293b%22%20d%3D%22m290%20133.4l-24.1%206.5a.3.3%200%200%201-.3-.2l-9.3-34.5a4%204%200%200%200-5-2.9l-38.5%2010.4a4%204%200%200%200-2.9%205l9.3%2034.4a.3.3%200%200%201-.2.3l-24.2%206.5a6.7%206.7%200%200%200-4.7%208.2l2.7%2010.2a6.7%206.7%200%200%200%208.3%204.7l95.2-25.4a6.7%206.7%200%200%200%204.7-8.3l-2.7-10.2a6.7%206.7%200%200%200-8.3-4.7%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23ef4444%22%20stroke-linecap%3D%22square%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%224%22%20d%3D%22m222.1%20147.4l38.6-10.3%22%2F%3E%3Ccircle%20cx%3D%22256%22%20cy%3D%22205.2%22%20r%3D%228%22%20fill%3D%22%23ffa94d%22%2F%3E%3Cpath%20fill%3D%22%23374151%22%20d%3D%22M264%20324a8%208%200%201%201-8-8a8%208%200%200%201%208%208m-8%2016a8%208%200%201%200%208%208a8%208%200%200%200-8-8m0-48a8%208%200%201%200%208%208a8%208%200%200%200-8-8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/meteocons/snowman.svg?color=%231a73e8&size=48
