confetti2 icon
confetti2-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- confetti2-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
More ui icons from Reicon
Use the confetti2 icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.039 18.386l.267-.088c2.298-.767 3.447-1.15 3.66-2.056c.215-.906-.642-1.763-2.355-3.475l-1.689-1.69l-.005.015l-.082.267c-.068.23-.16.55-.251.916c-.187.75-.357 1.622-.357 2.28s.17 1.531.357 2.28a21 21 0 0 0 .356 1.253l.005.017l.002.004zm-5.567 1.855c-2.262.746-3.454 1.058-4.113.399c-.73-.73-.269-2.113.653-4.878l1.69-5.069c.632-1.896 1.003-3.01 1.622-3.461l-.005.025a26 26 0 0 0-.138.73a51 51 0 0 0-.31 1.939c-.216 1.533-.415 3.492-.312 5.057c.062.948.259 2.123.435 3.04a51 51 0 0 0 .312 1.503l.02.093zM8.85 7.259l-.05.245v.003l-.003.009l-.007.037a25 25 0 0 0-.133.7a50 50 0 0 0-.301 1.881c-.213 1.515-.393 3.347-.3 4.751c.055.85.237 1.95.41 2.857a49 49 0 0 0 .303 1.455l.02.088l.005.022l.107.459l2.715-.905l-.103-.309a10 10 0 0 1-.115-.37c-.073-.247-.171-.59-.27-.983c-.192-.77-.401-1.792-.401-2.644s.21-1.874.401-2.643a22 22 0 0 1 .385-1.354l.01-.027l.212-.64l-.503-.503C10.19 8.344 9.463 7.618 8.85 7.259m2.076-4.899a.75.75 0 0 1 .25 1.031a.65.65 0 0 0 .094.8l.098.098c.589.588.806 1.453.565 2.25a.75.75 0 1 1-1.436-.434a.76.76 0 0 0-.19-.756l-.098-.098a2.15 2.15 0 0 1-.314-2.642a.75.75 0 0 1 1.031-.249m2.635 2.037c.201-.201.302-.302.418-.339a.5.5 0 0 1 .302 0c.116.037.217.138.418.339c.2.2.301.301.338.417a.5.5 0 0 1 0 .303c-.037.116-.137.216-.338.417s-.302.302-.418.339a.5.5 0 0 1-.302 0c-.116-.037-.217-.138-.418-.339c-.201-.2-.302-.301-.338-.417a.5.5 0 0 1 0-.303c.036-.116.137-.216.338-.417M6.927 3.94a.536.536 0 1 1 .759.76a.536.536 0 0 1-.759-.76m13.048 3.107c-.139.053-.261.176-.507.421c-.245.246-.368.368-.421.507a.7.7 0 0 0 0 .503c.053.138.176.261.421.507c.246.245.368.368.507.421a.7.7 0 0 0 .503 0c.138-.053.261-.176.507-.421c.245-.246.368-.369.421-.507a.7.7 0 0 0 0-.503c-.053-.139-.176-.261-.421-.507c-.246-.245-.369-.368-.507-.421a.7.7 0 0 0-.503 0m-.917 8.266a.536.536 0 1 1 .759.759a.536.536 0 0 1-.759-.759M17.69 4.722a.75.75 0 0 1 .588.882l-.144.72a2.82 2.82 0 0 1-1.871 2.12a1.31 1.31 0 0 0-.874.99l-.144.72a.75.75 0 0 1-1.471-.295l.144-.72c.198-.99.912-1.8 1.87-2.119c.448-.15.782-.527.875-.99l.144-.72a.75.75 0 0 1 .882-.588m3.719 7.838a1.01 1.01 0 0 0-1.078.17a2.51 2.51 0 0 1-2.923.296l-.213-.123a.75.75 0 0 1 .75-1.299l.213.123c.377.218.852.17 1.178-.12a2.51 2.51 0 0 1 2.674-.422l.292.128a.75.75 0 0 1-.601 1.374zM17.5 9.742a.536.536 0 1 1 .759.758a.536.536 0 0 1-.759-.758"/></svg>
React
import type { SVGProps } from "react";
export function ReiconConfetti2Filled(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="m13.039 18.386l.267-.088c2.298-.767 3.447-1.15 3.66-2.056c.215-.906-.642-1.763-2.355-3.475l-1.689-1.69l-.005.015l-.082.267c-.068.23-.16.55-.251.916c-.187.75-.357 1.622-.357 2.28s.17 1.531.357 2.28a21 21 0 0 0 .356 1.253l.005.017l.002.004zm-5.567 1.855c-2.262.746-3.454 1.058-4.113.399c-.73-.73-.269-2.113.653-4.878l1.69-5.069c.632-1.896 1.003-3.01 1.622-3.461l-.005.025a26 26 0 0 0-.138.73a51 51 0 0 0-.31 1.939c-.216 1.533-.415 3.492-.312 5.057c.062.948.259 2.123.435 3.04a51 51 0 0 0 .312 1.503l.02.093zM8.85 7.259l-.05.245v.003l-.003.009l-.007.037a25 25 0 0 0-.133.7a50 50 0 0 0-.301 1.881c-.213 1.515-.393 3.347-.3 4.751c.055.85.237 1.95.41 2.857a49 49 0 0 0 .303 1.455l.02.088l.005.022l.107.459l2.715-.905l-.103-.309a10 10 0 0 1-.115-.37c-.073-.247-.171-.59-.27-.983c-.192-.77-.401-1.792-.401-2.644s.21-1.874.401-2.643a22 22 0 0 1 .385-1.354l.01-.027l.212-.64l-.503-.503C10.19 8.344 9.463 7.618 8.85 7.259m2.076-4.899a.75.75 0 0 1 .25 1.031a.65.65 0 0 0 .094.8l.098.098c.589.588.806 1.453.565 2.25a.75.75 0 1 1-1.436-.434a.76.76 0 0 0-.19-.756l-.098-.098a2.15 2.15 0 0 1-.314-2.642a.75.75 0 0 1 1.031-.249m2.635 2.037c.201-.201.302-.302.418-.339a.5.5 0 0 1 .302 0c.116.037.217.138.418.339c.2.2.301.301.338.417a.5.5 0 0 1 0 .303c-.037.116-.137.216-.338.417s-.302.302-.418.339a.5.5 0 0 1-.302 0c-.116-.037-.217-.138-.418-.339c-.201-.2-.302-.301-.338-.417a.5.5 0 0 1 0-.303c.036-.116.137-.216.338-.417M6.927 3.94a.536.536 0 1 1 .759.76a.536.536 0 0 1-.759-.76m13.048 3.107c-.139.053-.261.176-.507.421c-.245.246-.368.368-.421.507a.7.7 0 0 0 0 .503c.053.138.176.261.421.507c.246.245.368.368.507.421a.7.7 0 0 0 .503 0c.138-.053.261-.176.507-.421c.245-.246.368-.369.421-.507a.7.7 0 0 0 0-.503c-.053-.139-.176-.261-.421-.507c-.246-.245-.369-.368-.507-.421a.7.7 0 0 0-.503 0m-.917 8.266a.536.536 0 1 1 .759.759a.536.536 0 0 1-.759-.759M17.69 4.722a.75.75 0 0 1 .588.882l-.144.72a2.82 2.82 0 0 1-1.871 2.12a1.31 1.31 0 0 0-.874.99l-.144.72a.75.75 0 0 1-1.471-.295l.144-.72c.198-.99.912-1.8 1.87-2.119c.448-.15.782-.527.875-.99l.144-.72a.75.75 0 0 1 .882-.588m3.719 7.838a1.01 1.01 0 0 0-1.078.17a2.51 2.51 0 0 1-2.923.296l-.213-.123a.75.75 0 0 1 .75-1.299l.213.123c.377.218.852.17 1.178-.12a2.51 2.51 0 0 1 2.674-.422l.292.128a.75.75 0 0 1-.601 1.374zM17.5 9.742a.536.536 0 1 1 .759.758a.536.536 0 0 1-.759-.758"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="m13.039 18.386l.267-.088c2.298-.767 3.447-1.15 3.66-2.056c.215-.906-.642-1.763-2.355-3.475l-1.689-1.69l-.005.015l-.082.267c-.068.23-.16.55-.251.916c-.187.75-.357 1.622-.357 2.28s.17 1.531.357 2.28a21 21 0 0 0 .356 1.253l.005.017l.002.004zm-5.567 1.855c-2.262.746-3.454 1.058-4.113.399c-.73-.73-.269-2.113.653-4.878l1.69-5.069c.632-1.896 1.003-3.01 1.622-3.461l-.005.025a26 26 0 0 0-.138.73a51 51 0 0 0-.31 1.939c-.216 1.533-.415 3.492-.312 5.057c.062.948.259 2.123.435 3.04a51 51 0 0 0 .312 1.503l.02.093zM8.85 7.259l-.05.245v.003l-.003.009l-.007.037a25 25 0 0 0-.133.7a50 50 0 0 0-.301 1.881c-.213 1.515-.393 3.347-.3 4.751c.055.85.237 1.95.41 2.857a49 49 0 0 0 .303 1.455l.02.088l.005.022l.107.459l2.715-.905l-.103-.309a10 10 0 0 1-.115-.37c-.073-.247-.171-.59-.27-.983c-.192-.77-.401-1.792-.401-2.644s.21-1.874.401-2.643a22 22 0 0 1 .385-1.354l.01-.027l.212-.64l-.503-.503C10.19 8.344 9.463 7.618 8.85 7.259m2.076-4.899a.75.75 0 0 1 .25 1.031a.65.65 0 0 0 .094.8l.098.098c.589.588.806 1.453.565 2.25a.75.75 0 1 1-1.436-.434a.76.76 0 0 0-.19-.756l-.098-.098a2.15 2.15 0 0 1-.314-2.642a.75.75 0 0 1 1.031-.249m2.635 2.037c.201-.201.302-.302.418-.339a.5.5 0 0 1 .302 0c.116.037.217.138.418.339c.2.2.301.301.338.417a.5.5 0 0 1 0 .303c-.037.116-.137.216-.338.417s-.302.302-.418.339a.5.5 0 0 1-.302 0c-.116-.037-.217-.138-.418-.339c-.201-.2-.302-.301-.338-.417a.5.5 0 0 1 0-.303c.036-.116.137-.216.338-.417M6.927 3.94a.536.536 0 1 1 .759.76a.536.536 0 0 1-.759-.76m13.048 3.107c-.139.053-.261.176-.507.421c-.245.246-.368.368-.421.507a.7.7 0 0 0 0 .503c.053.138.176.261.421.507c.246.245.368.368.507.421a.7.7 0 0 0 .503 0c.138-.053.261-.176.507-.421c.245-.246.368-.369.421-.507a.7.7 0 0 0 0-.503c-.053-.139-.176-.261-.421-.507c-.246-.245-.369-.368-.507-.421a.7.7 0 0 0-.503 0m-.917 8.266a.536.536 0 1 1 .759.759a.536.536 0 0 1-.759-.759M17.69 4.722a.75.75 0 0 1 .588.882l-.144.72a2.82 2.82 0 0 1-1.871 2.12a1.31 1.31 0 0 0-.874.99l-.144.72a.75.75 0 0 1-1.471-.295l.144-.72c.198-.99.912-1.8 1.87-2.119c.448-.15.782-.527.875-.99l.144-.72a.75.75 0 0 1 .882-.588m3.719 7.838a1.01 1.01 0 0 0-1.078.17a2.51 2.51 0 0 1-2.923.296l-.213-.123a.75.75 0 0 1 .75-1.299l.213.123c.377.218.852.17 1.178-.12a2.51 2.51 0 0 1 2.674-.422l.292.128a.75.75 0 0 1-.601 1.374zM17.5 9.742a.536.536 0 1 1 .759.758a.536.536 0 0 1-.759-.758"/></svg> </template>
CSS
.icon-confetti2-filled {
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%22m13.039%2018.386l.267-.088c2.298-.767%203.447-1.15%203.66-2.056c.215-.906-.642-1.763-2.355-3.475l-1.689-1.69l-.005.015l-.082.267c-.068.23-.16.55-.251.916c-.187.75-.357%201.622-.357%202.28s.17%201.531.357%202.28a21%2021%200%200%200%20.356%201.253l.005.017l.002.004zm-5.567%201.855c-2.262.746-3.454%201.058-4.113.399c-.73-.73-.269-2.113.653-4.878l1.69-5.069c.632-1.896%201.003-3.01%201.622-3.461l-.005.025a26%2026%200%200%200-.138.73a51%2051%200%200%200-.31%201.939c-.216%201.533-.415%203.492-.312%205.057c.062.948.259%202.123.435%203.04a51%2051%200%200%200%20.312%201.503l.02.093zM8.85%207.259l-.05.245v.003l-.003.009l-.007.037a25%2025%200%200%200-.133.7a50%2050%200%200%200-.301%201.881c-.213%201.515-.393%203.347-.3%204.751c.055.85.237%201.95.41%202.857a49%2049%200%200%200%20.303%201.455l.02.088l.005.022l.107.459l2.715-.905l-.103-.309a10%2010%200%200%201-.115-.37c-.073-.247-.171-.59-.27-.983c-.192-.77-.401-1.792-.401-2.644s.21-1.874.401-2.643a22%2022%200%200%201%20.385-1.354l.01-.027l.212-.64l-.503-.503C10.19%208.344%209.463%207.618%208.85%207.259m2.076-4.899a.75.75%200%200%201%20.25%201.031a.65.65%200%200%200%20.094.8l.098.098c.589.588.806%201.453.565%202.25a.75.75%200%201%201-1.436-.434a.76.76%200%200%200-.19-.756l-.098-.098a2.15%202.15%200%200%201-.314-2.642a.75.75%200%200%201%201.031-.249m2.635%202.037c.201-.201.302-.302.418-.339a.5.5%200%200%201%20.302%200c.116.037.217.138.418.339c.2.2.301.301.338.417a.5.5%200%200%201%200%20.303c-.037.116-.137.216-.338.417s-.302.302-.418.339a.5.5%200%200%201-.302%200c-.116-.037-.217-.138-.418-.339c-.201-.2-.302-.301-.338-.417a.5.5%200%200%201%200-.303c.036-.116.137-.216.338-.417M6.927%203.94a.536.536%200%201%201%20.759.76a.536.536%200%200%201-.759-.76m13.048%203.107c-.139.053-.261.176-.507.421c-.245.246-.368.368-.421.507a.7.7%200%200%200%200%20.503c.053.138.176.261.421.507c.246.245.368.368.507.421a.7.7%200%200%200%20.503%200c.138-.053.261-.176.507-.421c.245-.246.368-.369.421-.507a.7.7%200%200%200%200-.503c-.053-.139-.176-.261-.421-.507c-.246-.245-.369-.368-.507-.421a.7.7%200%200%200-.503%200m-.917%208.266a.536.536%200%201%201%20.759.759a.536.536%200%200%201-.759-.759M17.69%204.722a.75.75%200%200%201%20.588.882l-.144.72a2.82%202.82%200%200%201-1.871%202.12a1.31%201.31%200%200%200-.874.99l-.144.72a.75.75%200%200%201-1.471-.295l.144-.72c.198-.99.912-1.8%201.87-2.119c.448-.15.782-.527.875-.99l.144-.72a.75.75%200%200%201%20.882-.588m3.719%207.838a1.01%201.01%200%200%200-1.078.17a2.51%202.51%200%200%201-2.923.296l-.213-.123a.75.75%200%200%201%20.75-1.299l.213.123c.377.218.852.17%201.178-.12a2.51%202.51%200%200%201%202.674-.422l.292.128a.75.75%200%200%201-.601%201.374zM17.5%209.742a.536.536%200%201%201%20.759.758a.536.536%200%200%201-.759-.758%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%22m13.039%2018.386l.267-.088c2.298-.767%203.447-1.15%203.66-2.056c.215-.906-.642-1.763-2.355-3.475l-1.689-1.69l-.005.015l-.082.267c-.068.23-.16.55-.251.916c-.187.75-.357%201.622-.357%202.28s.17%201.531.357%202.28a21%2021%200%200%200%20.356%201.253l.005.017l.002.004zm-5.567%201.855c-2.262.746-3.454%201.058-4.113.399c-.73-.73-.269-2.113.653-4.878l1.69-5.069c.632-1.896%201.003-3.01%201.622-3.461l-.005.025a26%2026%200%200%200-.138.73a51%2051%200%200%200-.31%201.939c-.216%201.533-.415%203.492-.312%205.057c.062.948.259%202.123.435%203.04a51%2051%200%200%200%20.312%201.503l.02.093zM8.85%207.259l-.05.245v.003l-.003.009l-.007.037a25%2025%200%200%200-.133.7a50%2050%200%200%200-.301%201.881c-.213%201.515-.393%203.347-.3%204.751c.055.85.237%201.95.41%202.857a49%2049%200%200%200%20.303%201.455l.02.088l.005.022l.107.459l2.715-.905l-.103-.309a10%2010%200%200%201-.115-.37c-.073-.247-.171-.59-.27-.983c-.192-.77-.401-1.792-.401-2.644s.21-1.874.401-2.643a22%2022%200%200%201%20.385-1.354l.01-.027l.212-.64l-.503-.503C10.19%208.344%209.463%207.618%208.85%207.259m2.076-4.899a.75.75%200%200%201%20.25%201.031a.65.65%200%200%200%20.094.8l.098.098c.589.588.806%201.453.565%202.25a.75.75%200%201%201-1.436-.434a.76.76%200%200%200-.19-.756l-.098-.098a2.15%202.15%200%200%201-.314-2.642a.75.75%200%200%201%201.031-.249m2.635%202.037c.201-.201.302-.302.418-.339a.5.5%200%200%201%20.302%200c.116.037.217.138.418.339c.2.2.301.301.338.417a.5.5%200%200%201%200%20.303c-.037.116-.137.216-.338.417s-.302.302-.418.339a.5.5%200%200%201-.302%200c-.116-.037-.217-.138-.418-.339c-.201-.2-.302-.301-.338-.417a.5.5%200%200%201%200-.303c.036-.116.137-.216.338-.417M6.927%203.94a.536.536%200%201%201%20.759.76a.536.536%200%200%201-.759-.76m13.048%203.107c-.139.053-.261.176-.507.421c-.245.246-.368.368-.421.507a.7.7%200%200%200%200%20.503c.053.138.176.261.421.507c.246.245.368.368.507.421a.7.7%200%200%200%20.503%200c.138-.053.261-.176.507-.421c.245-.246.368-.369.421-.507a.7.7%200%200%200%200-.503c-.053-.139-.176-.261-.421-.507c-.246-.245-.369-.368-.507-.421a.7.7%200%200%200-.503%200m-.917%208.266a.536.536%200%201%201%20.759.759a.536.536%200%200%201-.759-.759M17.69%204.722a.75.75%200%200%201%20.588.882l-.144.72a2.82%202.82%200%200%201-1.871%202.12a1.31%201.31%200%200%200-.874.99l-.144.72a.75.75%200%200%201-1.471-.295l.144-.72c.198-.99.912-1.8%201.87-2.119c.448-.15.782-.527.875-.99l.144-.72a.75.75%200%200%201%20.882-.588m3.719%207.838a1.01%201.01%200%200%200-1.078.17a2.51%202.51%200%200%201-2.923.296l-.213-.123a.75.75%200%200%201%20.75-1.299l.213.123c.377.218.852.17%201.178-.12a2.51%202.51%200%200%201%202.674-.422l.292.128a.75.75%200%200%201-.601%201.374zM17.5%209.742a.536.536%200%201%201%20.759.758a.536.536%200%200%201-.759-.758%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/confetti2-filled.svg?color=%231a73e8&size=48
