anniversary icon
anniversary-line from MingCute Icon by MingCute Design · Line · Apache-2.0 Free for personal and commercial use.
- Name
- anniversary-line
- Set
- MingCute Icon
- Style
- Line
- Viewbox
- 24×24
- License
- Apache 2.0
1 other variant in MingCute Icon
Use the anniversary icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17 4a1 1 0 1 0-2 0zM9 4a1 1 0 0 0-2 0zm-1 8.276l1-.023zm3.941-2.135l-.71.704zM16 12.276l1 .022zm-3.94-2.135l.71.704zm-.863 6.046l-.51.86zm1.608 0l.51.86zM5 6v1h14V5H5zM4 19h1V7H3v12zM20 7h-1v12h2V7zm-1 13v-1H5v2h14zM16 4h-1v2h2V4zM8 4H7v2h2V4zm0 8.276l1-.023c-.017-.778.38-1.38.841-1.649c.41-.239.905-.25 1.39.24l.71-.703l.711-.703c-1.154-1.167-2.655-1.24-3.818-.562c-1.112.648-1.866 1.942-1.833 3.422zm8 0l.999.022c.033-1.48-.721-2.774-1.833-3.422c-1.163-.678-2.664-.605-3.818.562l.71.703l.712.704c.484-.49.979-.48 1.389-.24c.461.268.858.87.84 1.648zm-4 4.28v-1c.063 0 .108.008.128.012l.029.007a1 1 0 0 1-.086-.039c-.107-.054-.22-.123-.364-.209l-.51.86l-.512.86c.11.065.298.18.48.272c.094.048.207.1.33.144c.11.038.292.092.505.092zm-.804-.369l.51-.86c-2.035-1.21-2.687-2.262-2.705-3.074l-1 .023l-1 .022c.043 1.909 1.521 3.464 3.684 4.749zm.804.368v1c.213 0 .395-.053.505-.092c.123-.043.236-.096.33-.144c.182-.092.37-.207.48-.272l-.511-.86l-.51-.86c-.144.085-.258.155-.365.209a1 1 0 0 1-.086.04q-.003-.001.03-.008a.6.6 0 0 1 .127-.013zm.804-.368l.51.86c2.164-1.285 3.642-2.84 3.685-4.749l-1-.022l-1-.023c-.018.812-.67 1.865-2.706 3.074zm-.863-6.046l-.71.704a1.083 1.083 0 0 0 1.539 0l-.711-.704l-.711-.703a.917.917 0 0 1 1.304 0zM20 19h-1v2a2 2 0 0 0 2-2zM4 19H3a2 2 0 0 0 2 2v-2zM19 6v1h2a2 2 0 0 0-2-2zM5 6V5a2 2 0 0 0-2 2h2z"/></svg>
React
import type { SVGProps } from "react";
export function MingcuteAnniversaryLine(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="M17 4a1 1 0 1 0-2 0zM9 4a1 1 0 0 0-2 0zm-1 8.276l1-.023zm3.941-2.135l-.71.704zM16 12.276l1 .022zm-3.94-2.135l.71.704zm-.863 6.046l-.51.86zm1.608 0l.51.86zM5 6v1h14V5H5zM4 19h1V7H3v12zM20 7h-1v12h2V7zm-1 13v-1H5v2h14zM16 4h-1v2h2V4zM8 4H7v2h2V4zm0 8.276l1-.023c-.017-.778.38-1.38.841-1.649c.41-.239.905-.25 1.39.24l.71-.703l.711-.703c-1.154-1.167-2.655-1.24-3.818-.562c-1.112.648-1.866 1.942-1.833 3.422zm8 0l.999.022c.033-1.48-.721-2.774-1.833-3.422c-1.163-.678-2.664-.605-3.818.562l.71.703l.712.704c.484-.49.979-.48 1.389-.24c.461.268.858.87.84 1.648zm-4 4.28v-1c.063 0 .108.008.128.012l.029.007a1 1 0 0 1-.086-.039c-.107-.054-.22-.123-.364-.209l-.51.86l-.512.86c.11.065.298.18.48.272c.094.048.207.1.33.144c.11.038.292.092.505.092zm-.804-.369l.51-.86c-2.035-1.21-2.687-2.262-2.705-3.074l-1 .023l-1 .022c.043 1.909 1.521 3.464 3.684 4.749zm.804.368v1c.213 0 .395-.053.505-.092c.123-.043.236-.096.33-.144c.182-.092.37-.207.48-.272l-.511-.86l-.51-.86c-.144.085-.258.155-.365.209a1 1 0 0 1-.086.04q-.003-.001.03-.008a.6.6 0 0 1 .127-.013zm.804-.368l.51.86c2.164-1.285 3.642-2.84 3.685-4.749l-1-.022l-1-.023c-.018.812-.67 1.865-2.706 3.074zm-.863-6.046l-.71.704a1.083 1.083 0 0 0 1.539 0l-.711-.704l-.711-.703a.917.917 0 0 1 1.304 0zM20 19h-1v2a2 2 0 0 0 2-2zM4 19H3a2 2 0 0 0 2 2v-2zM19 6v1h2a2 2 0 0 0-2-2zM5 6V5a2 2 0 0 0-2 2h2z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17 4a1 1 0 1 0-2 0zM9 4a1 1 0 0 0-2 0zm-1 8.276l1-.023zm3.941-2.135l-.71.704zM16 12.276l1 .022zm-3.94-2.135l.71.704zm-.863 6.046l-.51.86zm1.608 0l.51.86zM5 6v1h14V5H5zM4 19h1V7H3v12zM20 7h-1v12h2V7zm-1 13v-1H5v2h14zM16 4h-1v2h2V4zM8 4H7v2h2V4zm0 8.276l1-.023c-.017-.778.38-1.38.841-1.649c.41-.239.905-.25 1.39.24l.71-.703l.711-.703c-1.154-1.167-2.655-1.24-3.818-.562c-1.112.648-1.866 1.942-1.833 3.422zm8 0l.999.022c.033-1.48-.721-2.774-1.833-3.422c-1.163-.678-2.664-.605-3.818.562l.71.703l.712.704c.484-.49.979-.48 1.389-.24c.461.268.858.87.84 1.648zm-4 4.28v-1c.063 0 .108.008.128.012l.029.007a1 1 0 0 1-.086-.039c-.107-.054-.22-.123-.364-.209l-.51.86l-.512.86c.11.065.298.18.48.272c.094.048.207.1.33.144c.11.038.292.092.505.092zm-.804-.369l.51-.86c-2.035-1.21-2.687-2.262-2.705-3.074l-1 .023l-1 .022c.043 1.909 1.521 3.464 3.684 4.749zm.804.368v1c.213 0 .395-.053.505-.092c.123-.043.236-.096.33-.144c.182-.092.37-.207.48-.272l-.511-.86l-.51-.86c-.144.085-.258.155-.365.209a1 1 0 0 1-.086.04q-.003-.001.03-.008a.6.6 0 0 1 .127-.013zm.804-.368l.51.86c2.164-1.285 3.642-2.84 3.685-4.749l-1-.022l-1-.023c-.018.812-.67 1.865-2.706 3.074zm-.863-6.046l-.71.704a1.083 1.083 0 0 0 1.539 0l-.711-.704l-.711-.703a.917.917 0 0 1 1.304 0zM20 19h-1v2a2 2 0 0 0 2-2zM4 19H3a2 2 0 0 0 2 2v-2zM19 6v1h2a2 2 0 0 0-2-2zM5 6V5a2 2 0 0 0-2 2h2z"/></svg> </template>
CSS
.icon-anniversary-line {
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%22M17%204a1%201%200%201%200-2%200zM9%204a1%201%200%200%200-2%200zm-1%208.276l1-.023zm3.941-2.135l-.71.704zM16%2012.276l1%20.022zm-3.94-2.135l.71.704zm-.863%206.046l-.51.86zm1.608%200l.51.86zM5%206v1h14V5H5zM4%2019h1V7H3v12zM20%207h-1v12h2V7zm-1%2013v-1H5v2h14zM16%204h-1v2h2V4zM8%204H7v2h2V4zm0%208.276l1-.023c-.017-.778.38-1.38.841-1.649c.41-.239.905-.25%201.39.24l.71-.703l.711-.703c-1.154-1.167-2.655-1.24-3.818-.562c-1.112.648-1.866%201.942-1.833%203.422zm8%200l.999.022c.033-1.48-.721-2.774-1.833-3.422c-1.163-.678-2.664-.605-3.818.562l.71.703l.712.704c.484-.49.979-.48%201.389-.24c.461.268.858.87.84%201.648zm-4%204.28v-1c.063%200%20.108.008.128.012l.029.007a1%201%200%200%201-.086-.039c-.107-.054-.22-.123-.364-.209l-.51.86l-.512.86c.11.065.298.18.48.272c.094.048.207.1.33.144c.11.038.292.092.505.092zm-.804-.369l.51-.86c-2.035-1.21-2.687-2.262-2.705-3.074l-1%20.023l-1%20.022c.043%201.909%201.521%203.464%203.684%204.749zm.804.368v1c.213%200%20.395-.053.505-.092c.123-.043.236-.096.33-.144c.182-.092.37-.207.48-.272l-.511-.86l-.51-.86c-.144.085-.258.155-.365.209a1%201%200%200%201-.086.04q-.003-.001.03-.008a.6.6%200%200%201%20.127-.013zm.804-.368l.51.86c2.164-1.285%203.642-2.84%203.685-4.749l-1-.022l-1-.023c-.018.812-.67%201.865-2.706%203.074zm-.863-6.046l-.71.704a1.083%201.083%200%200%200%201.539%200l-.711-.704l-.711-.703a.917.917%200%200%201%201.304%200zM20%2019h-1v2a2%202%200%200%200%202-2zM4%2019H3a2%202%200%200%200%202%202v-2zM19%206v1h2a2%202%200%200%200-2-2zM5%206V5a2%202%200%200%200-2%202h2z%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%22M17%204a1%201%200%201%200-2%200zM9%204a1%201%200%200%200-2%200zm-1%208.276l1-.023zm3.941-2.135l-.71.704zM16%2012.276l1%20.022zm-3.94-2.135l.71.704zm-.863%206.046l-.51.86zm1.608%200l.51.86zM5%206v1h14V5H5zM4%2019h1V7H3v12zM20%207h-1v12h2V7zm-1%2013v-1H5v2h14zM16%204h-1v2h2V4zM8%204H7v2h2V4zm0%208.276l1-.023c-.017-.778.38-1.38.841-1.649c.41-.239.905-.25%201.39.24l.71-.703l.711-.703c-1.154-1.167-2.655-1.24-3.818-.562c-1.112.648-1.866%201.942-1.833%203.422zm8%200l.999.022c.033-1.48-.721-2.774-1.833-3.422c-1.163-.678-2.664-.605-3.818.562l.71.703l.712.704c.484-.49.979-.48%201.389-.24c.461.268.858.87.84%201.648zm-4%204.28v-1c.063%200%20.108.008.128.012l.029.007a1%201%200%200%201-.086-.039c-.107-.054-.22-.123-.364-.209l-.51.86l-.512.86c.11.065.298.18.48.272c.094.048.207.1.33.144c.11.038.292.092.505.092zm-.804-.369l.51-.86c-2.035-1.21-2.687-2.262-2.705-3.074l-1%20.023l-1%20.022c.043%201.909%201.521%203.464%203.684%204.749zm.804.368v1c.213%200%20.395-.053.505-.092c.123-.043.236-.096.33-.144c.182-.092.37-.207.48-.272l-.511-.86l-.51-.86c-.144.085-.258.155-.365.209a1%201%200%200%201-.086.04q-.003-.001.03-.008a.6.6%200%200%201%20.127-.013zm.804-.368l.51.86c2.164-1.285%203.642-2.84%203.685-4.749l-1-.022l-1-.023c-.018.812-.67%201.865-2.706%203.074zm-.863-6.046l-.71.704a1.083%201.083%200%200%200%201.539%200l-.711-.704l-.711-.703a.917.917%200%200%201%201.304%200zM20%2019h-1v2a2%202%200%200%200%202-2zM4%2019H3a2%202%200%200%200%202%202v-2zM19%206v1h2a2%202%200%200%200-2-2zM5%206V5a2%202%200%200%200-2%202h2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mingcute/anniversary-line.svg?color=%231a73e8&size=48
