father christmas icon
father-christmas-fill from MingCute Icon by MingCute Design · Fill · Apache-2.0 Free for personal and commercial use.
- Name
- father-christmas-fill
- Set
- MingCute Icon
- Style
- Fill
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
Use the father christmas icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.909 2.685c2.134-.776 4.83-.675 7.998 1.385Q18.194 4 18.5 4a2.5 2.5 0 0 1 1.36 4.6l.093.59c.425 1.277.592 2.691.554 4.033c-.043 1.548-.447 3.364-1.864 4.546a25 25 0 0 0-1.514 1.383c-.424.413-.844.832-1.3 1.212c-.943.785-1.98 1.342-3.658 1.622a1 1 0 0 1-.337 0c-1.68-.28-2.717-.837-3.66-1.623c-.456-.38-.876-.799-1.3-1.212c-.441-.43-.919-.887-1.513-1.382c-1.418-1.182-1.821-2.998-1.864-4.546c-.044-1.575.276-3.106.547-4.009l.003-.015l.005-.014c.166-.498.745-2.155 1.668-3.309c.7-.875 2.093-2.428 4.19-3.19m6.795 10.335a1 1 0 0 0-1.18.78c-.121.528-.343 1.106-.73 1.493l.004-.006c-.264.173-.727-.04-.956-.176c-.423-.25-1.037-.61-1.841-.61h-.004c-.818 0-1.424.36-1.854.618c-.243.146-.666.352-.94.17l.005.004c-.387-.387-.608-.964-.728-1.491a1 1 0 0 0-1.96.395c.187.927.599 1.836 1.273 2.51c.521.52 1.215.63 1.704.626c.495-.004 1.014-.125 1.385-.33c.341-.188.706-.503 1.115-.503H12c.41 0 .78.321 1.131.509c.363.194.875.316 1.37.321c.485.006 1.182-.1 1.706-.623c.673-.674 1.084-1.58 1.275-2.506a1.01 1.01 0 0 0-.78-1.181M10 10a1 1 0 1 0 0 2a1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2M7.236 6.287a1 1 0 0 0-.472 1.944c1.228.297 3.44.77 5.237.77c1.575 0 3.464-.363 4.721-.65a1 1 0 0 0-.444-1.95c-1.234.281-2.939.6-4.277.6c-1.538 0-3.548-.419-4.765-.714M18.5 6a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteFatherChristmasFill(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.909 2.685c2.134-.776 4.83-.675 7.998 1.385Q18.194 4 18.5 4a2.5 2.5 0 0 1 1.36 4.6l.093.59c.425 1.277.592 2.691.554 4.033c-.043 1.548-.447 3.364-1.864 4.546a25 25 0 0 0-1.514 1.383c-.424.413-.844.832-1.3 1.212c-.943.785-1.98 1.342-3.658 1.622a1 1 0 0 1-.337 0c-1.68-.28-2.717-.837-3.66-1.623c-.456-.38-.876-.799-1.3-1.212c-.441-.43-.919-.887-1.513-1.382c-1.418-1.182-1.821-2.998-1.864-4.546c-.044-1.575.276-3.106.547-4.009l.003-.015l.005-.014c.166-.498.745-2.155 1.668-3.309c.7-.875 2.093-2.428 4.19-3.19m6.795 10.335a1 1 0 0 0-1.18.78c-.121.528-.343 1.106-.73 1.493l.004-.006c-.264.173-.727-.04-.956-.176c-.423-.25-1.037-.61-1.841-.61h-.004c-.818 0-1.424.36-1.854.618c-.243.146-.666.352-.94.17l.005.004c-.387-.387-.608-.964-.728-1.491a1 1 0 0 0-1.96.395c.187.927.599 1.836 1.273 2.51c.521.52 1.215.63 1.704.626c.495-.004 1.014-.125 1.385-.33c.341-.188.706-.503 1.115-.503H12c.41 0 .78.321 1.131.509c.363.194.875.316 1.37.321c.485.006 1.182-.1 1.706-.623c.673-.674 1.084-1.58 1.275-2.506a1.01 1.01 0 0 0-.78-1.181M10 10a1 1 0 1 0 0 2a1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2M7.236 6.287a1 1 0 0 0-.472 1.944c1.228.297 3.44.77 5.237.77c1.575 0 3.464-.363 4.721-.65a1 1 0 0 0-.444-1.95c-1.234.281-2.939.6-4.277.6c-1.538 0-3.548-.419-4.765-.714M18.5 6a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M9.909 2.685c2.134-.776 4.83-.675 7.998 1.385Q18.194 4 18.5 4a2.5 2.5 0 0 1 1.36 4.6l.093.59c.425 1.277.592 2.691.554 4.033c-.043 1.548-.447 3.364-1.864 4.546a25 25 0 0 0-1.514 1.383c-.424.413-.844.832-1.3 1.212c-.943.785-1.98 1.342-3.658 1.622a1 1 0 0 1-.337 0c-1.68-.28-2.717-.837-3.66-1.623c-.456-.38-.876-.799-1.3-1.212c-.441-.43-.919-.887-1.513-1.382c-1.418-1.182-1.821-2.998-1.864-4.546c-.044-1.575.276-3.106.547-4.009l.003-.015l.005-.014c.166-.498.745-2.155 1.668-3.309c.7-.875 2.093-2.428 4.19-3.19m6.795 10.335a1 1 0 0 0-1.18.78c-.121.528-.343 1.106-.73 1.493l.004-.006c-.264.173-.727-.04-.956-.176c-.423-.25-1.037-.61-1.841-.61h-.004c-.818 0-1.424.36-1.854.618c-.243.146-.666.352-.94.17l.005.004c-.387-.387-.608-.964-.728-1.491a1 1 0 0 0-1.96.395c.187.927.599 1.836 1.273 2.51c.521.52 1.215.63 1.704.626c.495-.004 1.014-.125 1.385-.33c.341-.188.706-.503 1.115-.503H12c.41 0 .78.321 1.131.509c.363.194.875.316 1.37.321c.485.006 1.182-.1 1.706-.623c.673-.674 1.084-1.58 1.275-2.506a1.01 1.01 0 0 0-.78-1.181M10 10a1 1 0 1 0 0 2a1 1 0 0 0 0-2m4 0a1 1 0 1 0 0 2a1 1 0 0 0 0-2M7.236 6.287a1 1 0 0 0-.472 1.944c1.228.297 3.44.77 5.237.77c1.575 0 3.464-.363 4.721-.65a1 1 0 0 0-.444-1.95c-1.234.281-2.939.6-4.277.6c-1.538 0-3.548-.419-4.765-.714M18.5 6a.5.5 0 1 0 0 1a.5.5 0 0 0 0-1"/></svg> </template>
CSS
.icon-father-christmas-fill {
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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.909%202.685c2.134-.776%204.83-.675%207.998%201.385Q18.194%204%2018.5%204a2.5%202.5%200%200%201%201.36%204.6l.093.59c.425%201.277.592%202.691.554%204.033c-.043%201.548-.447%203.364-1.864%204.546a25%2025%200%200%200-1.514%201.383c-.424.413-.844.832-1.3%201.212c-.943.785-1.98%201.342-3.658%201.622a1%201%200%200%201-.337%200c-1.68-.28-2.717-.837-3.66-1.623c-.456-.38-.876-.799-1.3-1.212c-.441-.43-.919-.887-1.513-1.382c-1.418-1.182-1.821-2.998-1.864-4.546c-.044-1.575.276-3.106.547-4.009l.003-.015l.005-.014c.166-.498.745-2.155%201.668-3.309c.7-.875%202.093-2.428%204.19-3.19m6.795%2010.335a1%201%200%200%200-1.18.78c-.121.528-.343%201.106-.73%201.493l.004-.006c-.264.173-.727-.04-.956-.176c-.423-.25-1.037-.61-1.841-.61h-.004c-.818%200-1.424.36-1.854.618c-.243.146-.666.352-.94.17l.005.004c-.387-.387-.608-.964-.728-1.491a1%201%200%200%200-1.96.395c.187.927.599%201.836%201.273%202.51c.521.52%201.215.63%201.704.626c.495-.004%201.014-.125%201.385-.33c.341-.188.706-.503%201.115-.503H12c.41%200%20.78.321%201.131.509c.363.194.875.316%201.37.321c.485.006%201.182-.1%201.706-.623c.673-.674%201.084-1.58%201.275-2.506a1.01%201.01%200%200%200-.78-1.181M10%2010a1%201%200%201%200%200%202a1%201%200%200%200%200-2m4%200a1%201%200%201%200%200%202a1%201%200%200%200%200-2M7.236%206.287a1%201%200%200%200-.472%201.944c1.228.297%203.44.77%205.237.77c1.575%200%203.464-.363%204.721-.65a1%201%200%200%200-.444-1.95c-1.234.281-2.939.6-4.277.6c-1.538%200-3.548-.419-4.765-.714M18.5%206a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1%22%2F%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M9.909%202.685c2.134-.776%204.83-.675%207.998%201.385Q18.194%204%2018.5%204a2.5%202.5%200%200%201%201.36%204.6l.093.59c.425%201.277.592%202.691.554%204.033c-.043%201.548-.447%203.364-1.864%204.546a25%2025%200%200%200-1.514%201.383c-.424.413-.844.832-1.3%201.212c-.943.785-1.98%201.342-3.658%201.622a1%201%200%200%201-.337%200c-1.68-.28-2.717-.837-3.66-1.623c-.456-.38-.876-.799-1.3-1.212c-.441-.43-.919-.887-1.513-1.382c-1.418-1.182-1.821-2.998-1.864-4.546c-.044-1.575.276-3.106.547-4.009l.003-.015l.005-.014c.166-.498.745-2.155%201.668-3.309c.7-.875%202.093-2.428%204.19-3.19m6.795%2010.335a1%201%200%200%200-1.18.78c-.121.528-.343%201.106-.73%201.493l.004-.006c-.264.173-.727-.04-.956-.176c-.423-.25-1.037-.61-1.841-.61h-.004c-.818%200-1.424.36-1.854.618c-.243.146-.666.352-.94.17l.005.004c-.387-.387-.608-.964-.728-1.491a1%201%200%200%200-1.96.395c.187.927.599%201.836%201.273%202.51c.521.52%201.215.63%201.704.626c.495-.004%201.014-.125%201.385-.33c.341-.188.706-.503%201.115-.503H12c.41%200%20.78.321%201.131.509c.363.194.875.316%201.37.321c.485.006%201.182-.1%201.706-.623c.673-.674%201.084-1.58%201.275-2.506a1.01%201.01%200%200%200-.78-1.181M10%2010a1%201%200%201%200%200%202a1%201%200%200%200%200-2m4%200a1%201%200%201%200%200%202a1%201%200%200%200%200-2M7.236%206.287a1%201%200%200%200-.472%201.944c1.228.297%203.44.77%205.237.77c1.575%200%203.464-.363%204.721-.65a1%201%200%200%200-.444-1.95c-1.234.281-2.939.6-4.277.6c-1.538%200-3.548-.419-4.765-.714M18.5%206a.5.5%200%201%200%200%201a.5.5%200%200%200%200-1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/father-christmas-fill.svg?color=%231a73e8&size=48
