confetti2 icon
confetti2-duotone from Reicon by REICON · Duotone · UI · MIT Free for personal and commercial use.
- Name
- confetti2-duotone
- Set
- Reicon
- Style
- Duotone
- 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"><g fill="currentColor"><path d="M10.926 2.36a.75.75 0 0 1 .249 1.031a.65.65 0 0 0 .095.8l.098.098c.588.588.805 1.453.564 2.25a.75.75 0 1 1-1.435-.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-.249m9.048 4.687c-.138.053-.26.176-.506.421c-.246.246-.368.368-.422.507a.7.7 0 0 0 0 .503c.054.138.176.261.422.507c.245.245.368.368.506.421a.7.7 0 0 0 .504 0c.138-.053.26-.176.506-.421c.245-.246.368-.369.421-.507a.7.7 0 0 0 0-.503c-.053-.139-.175-.261-.42-.507c-.246-.245-.369-.368-.507-.421a.7.7 0 0 0-.504 0m1.434 5.513a1.01 1.01 0 0 0-1.078.17a2.51 2.51 0 0 1-2.924.296l-.212-.123a.75.75 0 0 1 .75-1.299l.212.123c.378.218.853.17 1.179-.12a2.51 2.51 0 0 1 2.674-.422l.291.128a.75.75 0 1 1-.6 1.374z"/><path d="M13.561 4.396c.201-.2.302-.301.418-.338a.5.5 0 0 1 .302 0c.116.037.217.137.418.338c.2.202.301.302.338.418a.5.5 0 0 1 0 .302c-.037.117-.137.217-.338.418s-.302.302-.418.339a.5.5 0 0 1-.302 0c-.116-.037-.217-.138-.418-.339c-.201-.2-.302-.301-.338-.418a.5.5 0 0 1 0-.302c.036-.116.137-.216.338-.418m5.497 10.917a.536.536 0 1 1 .758.759a.536.536 0 0 1-.758-.759" opacity=".7"/><path d="M6.927 3.94a.536.536 0 1 1 .758.76a.536.536 0 0 1-.758-.76m10.762.782a.75.75 0 0 1 .588.882l-.144.72a2.82 2.82 0 0 1-1.87 2.12a1.31 1.31 0 0 0-.875.99l-.144.72a.75.75 0 0 1-1.47-.295l.144-.72c.198-.99.912-1.8 1.87-2.119c.448-.15.782-.527.874-.99l.144-.72a.75.75 0 0 1 .883-.588" opacity=".5"/><path d="M17.5 9.742a.536.536 0 1 1 .758.758a.536.536 0 0 1-.758-.758" opacity=".2"/><path d="m4.012 15.762l1.69-5.069c.766-2.298 1.149-3.447 2.055-3.66c.906-.215 1.763.642 3.475 2.355l3.38 3.379c1.712 1.713 2.569 2.569 2.355 3.475s-1.363 1.29-3.661 2.055l-5.069 1.69c-2.765.922-4.148 1.383-4.878.653s-.269-2.113.653-4.878" opacity=".5"/><path d="m8.8 7.504l.05-.245c-.392-.23-.739-.31-1.093-.227a1.2 1.2 0 0 0-.397.175l.696.144c-.478-.1-.641-.133-.696-.144l-.035.024l-.005.026a26 26 0 0 0-.138.73a51 51 0 0 0-.311 1.939c-.215 1.533-.415 3.492-.312 5.057c.062.948.26 2.123.435 3.04a51 51 0 0 0 .312 1.503l.021.093l.006.025l.002.009l.73-.17l-.73.17l.137.588l.765-.254l.664-.221l-.106-.46l-.006-.021l-.02-.088l-.072-.33a49 49 0 0 1-.23-1.125c-.173-.907-.355-2.007-.411-2.857c-.092-1.404.088-3.235.3-4.75a50 50 0 0 1 .434-2.582l.008-.037l.002-.01zm4.24 10.882l-1.424.475l-.092-.278l.712-.237l-.712.237l-.001-.003l-.002-.006l-.007-.022a10 10 0 0 1-.115-.37c-.074-.247-.172-.59-.27-.983c-.192-.77-.402-1.792-.402-2.644s.21-1.874.402-2.643a22 22 0 0 1 .385-1.354l.007-.021l.002-.007v-.001l.713.235l-.712-.236l.212-.637l1.186 1.187l-.004.014l-.082.267c-.069.23-.16.55-.252.916c-.187.75-.357 1.622-.357 2.28s.17 1.531.357 2.28a21 21 0 0 0 .356 1.253l.006.017l.001.004z"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconConfetti2Duotone(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.926 2.36a.75.75 0 0 1 .249 1.031a.65.65 0 0 0 .095.8l.098.098c.588.588.805 1.453.564 2.25a.75.75 0 1 1-1.435-.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-.249m9.048 4.687c-.138.053-.26.176-.506.421c-.246.246-.368.368-.422.507a.7.7 0 0 0 0 .503c.054.138.176.261.422.507c.245.245.368.368.506.421a.7.7 0 0 0 .504 0c.138-.053.26-.176.506-.421c.245-.246.368-.369.421-.507a.7.7 0 0 0 0-.503c-.053-.139-.175-.261-.42-.507c-.246-.245-.369-.368-.507-.421a.7.7 0 0 0-.504 0m1.434 5.513a1.01 1.01 0 0 0-1.078.17a2.51 2.51 0 0 1-2.924.296l-.212-.123a.75.75 0 0 1 .75-1.299l.212.123c.378.218.853.17 1.179-.12a2.51 2.51 0 0 1 2.674-.422l.291.128a.75.75 0 1 1-.6 1.374z"/><path d="M13.561 4.396c.201-.2.302-.301.418-.338a.5.5 0 0 1 .302 0c.116.037.217.137.418.338c.2.202.301.302.338.418a.5.5 0 0 1 0 .302c-.037.117-.137.217-.338.418s-.302.302-.418.339a.5.5 0 0 1-.302 0c-.116-.037-.217-.138-.418-.339c-.201-.2-.302-.301-.338-.418a.5.5 0 0 1 0-.302c.036-.116.137-.216.338-.418m5.497 10.917a.536.536 0 1 1 .758.759a.536.536 0 0 1-.758-.759" opacity=".7"/><path d="M6.927 3.94a.536.536 0 1 1 .758.76a.536.536 0 0 1-.758-.76m10.762.782a.75.75 0 0 1 .588.882l-.144.72a2.82 2.82 0 0 1-1.87 2.12a1.31 1.31 0 0 0-.875.99l-.144.72a.75.75 0 0 1-1.47-.295l.144-.72c.198-.99.912-1.8 1.87-2.119c.448-.15.782-.527.874-.99l.144-.72a.75.75 0 0 1 .883-.588" opacity=".5"/><path d="M17.5 9.742a.536.536 0 1 1 .758.758a.536.536 0 0 1-.758-.758" opacity=".2"/><path d="m4.012 15.762l1.69-5.069c.766-2.298 1.149-3.447 2.055-3.66c.906-.215 1.763.642 3.475 2.355l3.38 3.379c1.712 1.713 2.569 2.569 2.355 3.475s-1.363 1.29-3.661 2.055l-5.069 1.69c-2.765.922-4.148 1.383-4.878.653s-.269-2.113.653-4.878" opacity=".5"/><path d="m8.8 7.504l.05-.245c-.392-.23-.739-.31-1.093-.227a1.2 1.2 0 0 0-.397.175l.696.144c-.478-.1-.641-.133-.696-.144l-.035.024l-.005.026a26 26 0 0 0-.138.73a51 51 0 0 0-.311 1.939c-.215 1.533-.415 3.492-.312 5.057c.062.948.26 2.123.435 3.04a51 51 0 0 0 .312 1.503l.021.093l.006.025l.002.009l.73-.17l-.73.17l.137.588l.765-.254l.664-.221l-.106-.46l-.006-.021l-.02-.088l-.072-.33a49 49 0 0 1-.23-1.125c-.173-.907-.355-2.007-.411-2.857c-.092-1.404.088-3.235.3-4.75a50 50 0 0 1 .434-2.582l.008-.037l.002-.01zm4.24 10.882l-1.424.475l-.092-.278l.712-.237l-.712.237l-.001-.003l-.002-.006l-.007-.022a10 10 0 0 1-.115-.37c-.074-.247-.172-.59-.27-.983c-.192-.77-.402-1.792-.402-2.644s.21-1.874.402-2.643a22 22 0 0 1 .385-1.354l.007-.021l.002-.007v-.001l.713.235l-.712-.236l.212-.637l1.186 1.187l-.004.014l-.082.267c-.069.23-.16.55-.252.916c-.187.75-.357 1.622-.357 2.28s.17 1.531.357 2.28a21 21 0 0 0 .356 1.253l.006.017l.001.004z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.926 2.36a.75.75 0 0 1 .249 1.031a.65.65 0 0 0 .095.8l.098.098c.588.588.805 1.453.564 2.25a.75.75 0 1 1-1.435-.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-.249m9.048 4.687c-.138.053-.26.176-.506.421c-.246.246-.368.368-.422.507a.7.7 0 0 0 0 .503c.054.138.176.261.422.507c.245.245.368.368.506.421a.7.7 0 0 0 .504 0c.138-.053.26-.176.506-.421c.245-.246.368-.369.421-.507a.7.7 0 0 0 0-.503c-.053-.139-.175-.261-.42-.507c-.246-.245-.369-.368-.507-.421a.7.7 0 0 0-.504 0m1.434 5.513a1.01 1.01 0 0 0-1.078.17a2.51 2.51 0 0 1-2.924.296l-.212-.123a.75.75 0 0 1 .75-1.299l.212.123c.378.218.853.17 1.179-.12a2.51 2.51 0 0 1 2.674-.422l.291.128a.75.75 0 1 1-.6 1.374z"/><path d="M13.561 4.396c.201-.2.302-.301.418-.338a.5.5 0 0 1 .302 0c.116.037.217.137.418.338c.2.202.301.302.338.418a.5.5 0 0 1 0 .302c-.037.117-.137.217-.338.418s-.302.302-.418.339a.5.5 0 0 1-.302 0c-.116-.037-.217-.138-.418-.339c-.201-.2-.302-.301-.338-.418a.5.5 0 0 1 0-.302c.036-.116.137-.216.338-.418m5.497 10.917a.536.536 0 1 1 .758.759a.536.536 0 0 1-.758-.759" opacity=".7"/><path d="M6.927 3.94a.536.536 0 1 1 .758.76a.536.536 0 0 1-.758-.76m10.762.782a.75.75 0 0 1 .588.882l-.144.72a2.82 2.82 0 0 1-1.87 2.12a1.31 1.31 0 0 0-.875.99l-.144.72a.75.75 0 0 1-1.47-.295l.144-.72c.198-.99.912-1.8 1.87-2.119c.448-.15.782-.527.874-.99l.144-.72a.75.75 0 0 1 .883-.588" opacity=".5"/><path d="M17.5 9.742a.536.536 0 1 1 .758.758a.536.536 0 0 1-.758-.758" opacity=".2"/><path d="m4.012 15.762l1.69-5.069c.766-2.298 1.149-3.447 2.055-3.66c.906-.215 1.763.642 3.475 2.355l3.38 3.379c1.712 1.713 2.569 2.569 2.355 3.475s-1.363 1.29-3.661 2.055l-5.069 1.69c-2.765.922-4.148 1.383-4.878.653s-.269-2.113.653-4.878" opacity=".5"/><path d="m8.8 7.504l.05-.245c-.392-.23-.739-.31-1.093-.227a1.2 1.2 0 0 0-.397.175l.696.144c-.478-.1-.641-.133-.696-.144l-.035.024l-.005.026a26 26 0 0 0-.138.73a51 51 0 0 0-.311 1.939c-.215 1.533-.415 3.492-.312 5.057c.062.948.26 2.123.435 3.04a51 51 0 0 0 .312 1.503l.021.093l.006.025l.002.009l.73-.17l-.73.17l.137.588l.765-.254l.664-.221l-.106-.46l-.006-.021l-.02-.088l-.072-.33a49 49 0 0 1-.23-1.125c-.173-.907-.355-2.007-.411-2.857c-.092-1.404.088-3.235.3-4.75a50 50 0 0 1 .434-2.582l.008-.037l.002-.01zm4.24 10.882l-1.424.475l-.092-.278l.712-.237l-.712.237l-.001-.003l-.002-.006l-.007-.022a10 10 0 0 1-.115-.37c-.074-.247-.172-.59-.27-.983c-.192-.77-.402-1.792-.402-2.644s.21-1.874.402-2.643a22 22 0 0 1 .385-1.354l.007-.021l.002-.007v-.001l.713.235l-.712-.236l.212-.637l1.186 1.187l-.004.014l-.082.267c-.069.23-.16.55-.252.916c-.187.75-.357 1.622-.357 2.28s.17 1.531.357 2.28a21 21 0 0 0 .356 1.253l.006.017l.001.004z"/></g></svg> </template>
CSS
.icon-confetti2-duotone {
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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.926%202.36a.75.75%200%200%201%20.249%201.031a.65.65%200%200%200%20.095.8l.098.098c.588.588.805%201.453.564%202.25a.75.75%200%201%201-1.435-.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-.249m9.048%204.687c-.138.053-.26.176-.506.421c-.246.246-.368.368-.422.507a.7.7%200%200%200%200%20.503c.054.138.176.261.422.507c.245.245.368.368.506.421a.7.7%200%200%200%20.504%200c.138-.053.26-.176.506-.421c.245-.246.368-.369.421-.507a.7.7%200%200%200%200-.503c-.053-.139-.175-.261-.42-.507c-.246-.245-.369-.368-.507-.421a.7.7%200%200%200-.504%200m1.434%205.513a1.01%201.01%200%200%200-1.078.17a2.51%202.51%200%200%201-2.924.296l-.212-.123a.75.75%200%200%201%20.75-1.299l.212.123c.378.218.853.17%201.179-.12a2.51%202.51%200%200%201%202.674-.422l.291.128a.75.75%200%201%201-.6%201.374z%22%2F%3E%3Cpath%20d%3D%22M13.561%204.396c.201-.2.302-.301.418-.338a.5.5%200%200%201%20.302%200c.116.037.217.137.418.338c.2.202.301.302.338.418a.5.5%200%200%201%200%20.302c-.037.117-.137.217-.338.418s-.302.302-.418.339a.5.5%200%200%201-.302%200c-.116-.037-.217-.138-.418-.339c-.201-.2-.302-.301-.338-.418a.5.5%200%200%201%200-.302c.036-.116.137-.216.338-.418m5.497%2010.917a.536.536%200%201%201%20.758.759a.536.536%200%200%201-.758-.759%22%20opacity%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M6.927%203.94a.536.536%200%201%201%20.758.76a.536.536%200%200%201-.758-.76m10.762.782a.75.75%200%200%201%20.588.882l-.144.72a2.82%202.82%200%200%201-1.87%202.12a1.31%201.31%200%200%200-.875.99l-.144.72a.75.75%200%200%201-1.47-.295l.144-.72c.198-.99.912-1.8%201.87-2.119c.448-.15.782-.527.874-.99l.144-.72a.75.75%200%200%201%20.883-.588%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M17.5%209.742a.536.536%200%201%201%20.758.758a.536.536%200%200%201-.758-.758%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22m4.012%2015.762l1.69-5.069c.766-2.298%201.149-3.447%202.055-3.66c.906-.215%201.763.642%203.475%202.355l3.38%203.379c1.712%201.713%202.569%202.569%202.355%203.475s-1.363%201.29-3.661%202.055l-5.069%201.69c-2.765.922-4.148%201.383-4.878.653s-.269-2.113.653-4.878%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22m8.8%207.504l.05-.245c-.392-.23-.739-.31-1.093-.227a1.2%201.2%200%200%200-.397.175l.696.144c-.478-.1-.641-.133-.696-.144l-.035.024l-.005.026a26%2026%200%200%200-.138.73a51%2051%200%200%200-.311%201.939c-.215%201.533-.415%203.492-.312%205.057c.062.948.26%202.123.435%203.04a51%2051%200%200%200%20.312%201.503l.021.093l.006.025l.002.009l.73-.17l-.73.17l.137.588l.765-.254l.664-.221l-.106-.46l-.006-.021l-.02-.088l-.072-.33a49%2049%200%200%201-.23-1.125c-.173-.907-.355-2.007-.411-2.857c-.092-1.404.088-3.235.3-4.75a50%2050%200%200%201%20.434-2.582l.008-.037l.002-.01zm4.24%2010.882l-1.424.475l-.092-.278l.712-.237l-.712.237l-.001-.003l-.002-.006l-.007-.022a10%2010%200%200%201-.115-.37c-.074-.247-.172-.59-.27-.983c-.192-.77-.402-1.792-.402-2.644s.21-1.874.402-2.643a22%2022%200%200%201%20.385-1.354l.007-.021l.002-.007v-.001l.713.235l-.712-.236l.212-.637l1.186%201.187l-.004.014l-.082.267c-.069.23-.16.55-.252.916c-.187.75-.357%201.622-.357%202.28s.17%201.531.357%202.28a21%2021%200%200%200%20.356%201.253l.006.017l.001.004z%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.926%202.36a.75.75%200%200%201%20.249%201.031a.65.65%200%200%200%20.095.8l.098.098c.588.588.805%201.453.564%202.25a.75.75%200%201%201-1.435-.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-.249m9.048%204.687c-.138.053-.26.176-.506.421c-.246.246-.368.368-.422.507a.7.7%200%200%200%200%20.503c.054.138.176.261.422.507c.245.245.368.368.506.421a.7.7%200%200%200%20.504%200c.138-.053.26-.176.506-.421c.245-.246.368-.369.421-.507a.7.7%200%200%200%200-.503c-.053-.139-.175-.261-.42-.507c-.246-.245-.369-.368-.507-.421a.7.7%200%200%200-.504%200m1.434%205.513a1.01%201.01%200%200%200-1.078.17a2.51%202.51%200%200%201-2.924.296l-.212-.123a.75.75%200%200%201%20.75-1.299l.212.123c.378.218.853.17%201.179-.12a2.51%202.51%200%200%201%202.674-.422l.291.128a.75.75%200%201%201-.6%201.374z%22%2F%3E%3Cpath%20d%3D%22M13.561%204.396c.201-.2.302-.301.418-.338a.5.5%200%200%201%20.302%200c.116.037.217.137.418.338c.2.202.301.302.338.418a.5.5%200%200%201%200%20.302c-.037.117-.137.217-.338.418s-.302.302-.418.339a.5.5%200%200%201-.302%200c-.116-.037-.217-.138-.418-.339c-.201-.2-.302-.301-.338-.418a.5.5%200%200%201%200-.302c.036-.116.137-.216.338-.418m5.497%2010.917a.536.536%200%201%201%20.758.759a.536.536%200%200%201-.758-.759%22%20opacity%3D%22.7%22%2F%3E%3Cpath%20d%3D%22M6.927%203.94a.536.536%200%201%201%20.758.76a.536.536%200%200%201-.758-.76m10.762.782a.75.75%200%200%201%20.588.882l-.144.72a2.82%202.82%200%200%201-1.87%202.12a1.31%201.31%200%200%200-.875.99l-.144.72a.75.75%200%200%201-1.47-.295l.144-.72c.198-.99.912-1.8%201.87-2.119c.448-.15.782-.527.874-.99l.144-.72a.75.75%200%200%201%20.883-.588%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22M17.5%209.742a.536.536%200%201%201%20.758.758a.536.536%200%200%201-.758-.758%22%20opacity%3D%22.2%22%2F%3E%3Cpath%20d%3D%22m4.012%2015.762l1.69-5.069c.766-2.298%201.149-3.447%202.055-3.66c.906-.215%201.763.642%203.475%202.355l3.38%203.379c1.712%201.713%202.569%202.569%202.355%203.475s-1.363%201.29-3.661%202.055l-5.069%201.69c-2.765.922-4.148%201.383-4.878.653s-.269-2.113.653-4.878%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20d%3D%22m8.8%207.504l.05-.245c-.392-.23-.739-.31-1.093-.227a1.2%201.2%200%200%200-.397.175l.696.144c-.478-.1-.641-.133-.696-.144l-.035.024l-.005.026a26%2026%200%200%200-.138.73a51%2051%200%200%200-.311%201.939c-.215%201.533-.415%203.492-.312%205.057c.062.948.26%202.123.435%203.04a51%2051%200%200%200%20.312%201.503l.021.093l.006.025l.002.009l.73-.17l-.73.17l.137.588l.765-.254l.664-.221l-.106-.46l-.006-.021l-.02-.088l-.072-.33a49%2049%200%200%201-.23-1.125c-.173-.907-.355-2.007-.411-2.857c-.092-1.404.088-3.235.3-4.75a50%2050%200%200%201%20.434-2.582l.008-.037l.002-.01zm4.24%2010.882l-1.424.475l-.092-.278l.712-.237l-.712.237l-.001-.003l-.002-.006l-.007-.022a10%2010%200%200%201-.115-.37c-.074-.247-.172-.59-.27-.983c-.192-.77-.402-1.792-.402-2.644s.21-1.874.402-2.643a22%2022%200%200%201%20.385-1.354l.007-.021l.002-.007v-.001l.713.235l-.712-.236l.212-.637l1.186%201.187l-.004.014l-.082.267c-.069.23-.16.55-.252.916c-.187.75-.357%201.622-.357%202.28s.17%201.531.357%202.28a21%2021%200%200%200%20.356%201.253l.006.017l.001.004z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/confetti2-duotone.svg?color=%231a73e8&size=48
