confetti2 icon
confetti2 from Reicon by REICON · Outline · UI · MIT Free for personal and commercial use.
- Name
- confetti2
- Set
- Reicon
- Style
- Outline
- 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.927 2.36a.75.75 0 0 1 .248 1.031a.65.65 0 0 0 .095.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-.097-.098a2.15 2.15 0 0 1-.315-2.642a.75.75 0 0 1 1.032-.249m6.763 2.362a.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-.588"/><path fill-rule="evenodd" d="M11.719 8.813c-.82-.819-1.494-1.493-2.08-1.928c-.606-.45-1.279-.766-2.054-.583c-.776.183-1.236.768-1.577 1.44c-.33.651-.632 1.556-.998 2.655l-1.73 5.19c-.443 1.33-.803 2.409-.952 3.246c-.15.844-.135 1.701.501 2.337s1.493.651 2.337.501c.837-.149 1.916-.508 3.246-.952l5.19-1.73c1.099-.366 2.004-.668 2.655-.998c.673-.34 1.257-.801 1.44-1.576c.183-.776-.134-1.449-.583-2.055c-.434-.586-1.11-1.26-1.928-2.08zm-3.025-.76l.052.037c.486.36 1.082.954 1.956 1.828l.76.76l-.05.133c-.077.211-.178.512-.279.88a11 11 0 0 0-.406 2.864c0 1.063.206 2.08.405 2.82c.083.308.166.573.235.778l-2.635.879a44 44 0 0 1-.265-1.29c-.174-.907-.356-2.007-.411-2.857c-.092-1.403.087-3.235.3-4.75a50 50 0 0 1 .338-2.082m-1.74 1.3c-.158.431-.332.95-.54 1.578l-1.69 5.068c-.47 1.407-.792 2.381-.92 3.097c-.127.72-.008.92.086 1.014c.093.093.293.213 1.014.085c.59-.106 1.357-.344 2.398-.687l-.072-.324c-.062-.29-.147-.697-.236-1.16c-.176-.918-.373-2.093-.435-3.04c-.103-1.566.096-3.525.312-5.058q.04-.296.083-.572m5.836 8.326l.279-.093c1.172-.39 1.97-.659 2.51-.932c.53-.269.627-.453.658-.584c.03-.131.026-.34-.328-.816c-.36-.486-.954-1.083-1.828-1.957l-1.436-1.437q-.033.108-.066.228a9.5 9.5 0 0 0-.352 2.468c0 .618.085 1.235.198 1.778a12 12 0 0 0 .365 1.345" clip-rule="evenodd"/><path d="M20.33 12.73a1.01 1.01 0 0 1 1.078-.17l.292.127a.75.75 0 1 0 .6-1.374l-.29-.128a2.51 2.51 0 0 0-2.675.423c-.326.289-.8.337-1.178.119l-.213-.123a.75.75 0 1 0-.75 1.3l.213.122c.937.54 2.114.422 2.924-.296m-6.352-8.672c-.116.037-.217.137-.418.338s-.302.302-.338.418a.5.5 0 0 0 0 .302c.036.117.137.217.338.418s.302.302.418.339a.5.5 0 0 0 .302 0c.116-.037.217-.138.418-.339c.201-.2.302-.301.338-.418a.5.5 0 0 0 0-.302c-.037-.116-.137-.217-.338-.418s-.302-.301-.418-.338a.5.5 0 0 0-.302 0m5.489 3.41c.246-.245.368-.368.507-.421a.7.7 0 0 1 .503 0c.139.053.261.176.507.421c.245.246.368.368.421.507a.7.7 0 0 1 0 .503c-.053.139-.176.261-.421.507c-.246.245-.368.368-.507.421a.7.7 0 0 1-.503 0c-.139-.053-.261-.176-.507-.421c-.245-.246-.368-.368-.421-.507a.7.7 0 0 1 0-.503c.053-.139.176-.261.421-.507M7.686 3.94a.536.536 0 1 0-.759.76a.536.536 0 0 0 .759-.76m11.372 11.374a.536.536 0 1 1 .759.758a.536.536 0 0 1-.759-.758m-.799-5.572a.536.536 0 1 0-.759.758a.536.536 0 0 0 .759-.758"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconConfetti2(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.927 2.36a.75.75 0 0 1 .248 1.031a.65.65 0 0 0 .095.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-.097-.098a2.15 2.15 0 0 1-.315-2.642a.75.75 0 0 1 1.032-.249m6.763 2.362a.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-.588"/><path fillRule="evenodd" d="M11.719 8.813c-.82-.819-1.494-1.493-2.08-1.928c-.606-.45-1.279-.766-2.054-.583c-.776.183-1.236.768-1.577 1.44c-.33.651-.632 1.556-.998 2.655l-1.73 5.19c-.443 1.33-.803 2.409-.952 3.246c-.15.844-.135 1.701.501 2.337s1.493.651 2.337.501c.837-.149 1.916-.508 3.246-.952l5.19-1.73c1.099-.366 2.004-.668 2.655-.998c.673-.34 1.257-.801 1.44-1.576c.183-.776-.134-1.449-.583-2.055c-.434-.586-1.11-1.26-1.928-2.08zm-3.025-.76l.052.037c.486.36 1.082.954 1.956 1.828l.76.76l-.05.133c-.077.211-.178.512-.279.88a11 11 0 0 0-.406 2.864c0 1.063.206 2.08.405 2.82c.083.308.166.573.235.778l-2.635.879a44 44 0 0 1-.265-1.29c-.174-.907-.356-2.007-.411-2.857c-.092-1.403.087-3.235.3-4.75a50 50 0 0 1 .338-2.082m-1.74 1.3c-.158.431-.332.95-.54 1.578l-1.69 5.068c-.47 1.407-.792 2.381-.92 3.097c-.127.72-.008.92.086 1.014c.093.093.293.213 1.014.085c.59-.106 1.357-.344 2.398-.687l-.072-.324c-.062-.29-.147-.697-.236-1.16c-.176-.918-.373-2.093-.435-3.04c-.103-1.566.096-3.525.312-5.058q.04-.296.083-.572m5.836 8.326l.279-.093c1.172-.39 1.97-.659 2.51-.932c.53-.269.627-.453.658-.584c.03-.131.026-.34-.328-.816c-.36-.486-.954-1.083-1.828-1.957l-1.436-1.437q-.033.108-.066.228a9.5 9.5 0 0 0-.352 2.468c0 .618.085 1.235.198 1.778a12 12 0 0 0 .365 1.345" clipRule="evenodd"/><path d="M20.33 12.73a1.01 1.01 0 0 1 1.078-.17l.292.127a.75.75 0 1 0 .6-1.374l-.29-.128a2.51 2.51 0 0 0-2.675.423c-.326.289-.8.337-1.178.119l-.213-.123a.75.75 0 1 0-.75 1.3l.213.122c.937.54 2.114.422 2.924-.296m-6.352-8.672c-.116.037-.217.137-.418.338s-.302.302-.338.418a.5.5 0 0 0 0 .302c.036.117.137.217.338.418s.302.302.418.339a.5.5 0 0 0 .302 0c.116-.037.217-.138.418-.339c.201-.2.302-.301.338-.418a.5.5 0 0 0 0-.302c-.037-.116-.137-.217-.338-.418s-.302-.301-.418-.338a.5.5 0 0 0-.302 0m5.489 3.41c.246-.245.368-.368.507-.421a.7.7 0 0 1 .503 0c.139.053.261.176.507.421c.245.246.368.368.421.507a.7.7 0 0 1 0 .503c-.053.139-.176.261-.421.507c-.246.245-.368.368-.507.421a.7.7 0 0 1-.503 0c-.139-.053-.261-.176-.507-.421c-.245-.246-.368-.368-.421-.507a.7.7 0 0 1 0-.503c.053-.139.176-.261.421-.507M7.686 3.94a.536.536 0 1 0-.759.76a.536.536 0 0 0 .759-.76m11.372 11.374a.536.536 0 1 1 .759.758a.536.536 0 0 1-.759-.758m-.799-5.572a.536.536 0 1 0-.759.758a.536.536 0 0 0 .759-.758"/></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.927 2.36a.75.75 0 0 1 .248 1.031a.65.65 0 0 0 .095.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-.097-.098a2.15 2.15 0 0 1-.315-2.642a.75.75 0 0 1 1.032-.249m6.763 2.362a.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-.588"/><path fill-rule="evenodd" d="M11.719 8.813c-.82-.819-1.494-1.493-2.08-1.928c-.606-.45-1.279-.766-2.054-.583c-.776.183-1.236.768-1.577 1.44c-.33.651-.632 1.556-.998 2.655l-1.73 5.19c-.443 1.33-.803 2.409-.952 3.246c-.15.844-.135 1.701.501 2.337s1.493.651 2.337.501c.837-.149 1.916-.508 3.246-.952l5.19-1.73c1.099-.366 2.004-.668 2.655-.998c.673-.34 1.257-.801 1.44-1.576c.183-.776-.134-1.449-.583-2.055c-.434-.586-1.11-1.26-1.928-2.08zm-3.025-.76l.052.037c.486.36 1.082.954 1.956 1.828l.76.76l-.05.133c-.077.211-.178.512-.279.88a11 11 0 0 0-.406 2.864c0 1.063.206 2.08.405 2.82c.083.308.166.573.235.778l-2.635.879a44 44 0 0 1-.265-1.29c-.174-.907-.356-2.007-.411-2.857c-.092-1.403.087-3.235.3-4.75a50 50 0 0 1 .338-2.082m-1.74 1.3c-.158.431-.332.95-.54 1.578l-1.69 5.068c-.47 1.407-.792 2.381-.92 3.097c-.127.72-.008.92.086 1.014c.093.093.293.213 1.014.085c.59-.106 1.357-.344 2.398-.687l-.072-.324c-.062-.29-.147-.697-.236-1.16c-.176-.918-.373-2.093-.435-3.04c-.103-1.566.096-3.525.312-5.058q.04-.296.083-.572m5.836 8.326l.279-.093c1.172-.39 1.97-.659 2.51-.932c.53-.269.627-.453.658-.584c.03-.131.026-.34-.328-.816c-.36-.486-.954-1.083-1.828-1.957l-1.436-1.437q-.033.108-.066.228a9.5 9.5 0 0 0-.352 2.468c0 .618.085 1.235.198 1.778a12 12 0 0 0 .365 1.345" clip-rule="evenodd"/><path d="M20.33 12.73a1.01 1.01 0 0 1 1.078-.17l.292.127a.75.75 0 1 0 .6-1.374l-.29-.128a2.51 2.51 0 0 0-2.675.423c-.326.289-.8.337-1.178.119l-.213-.123a.75.75 0 1 0-.75 1.3l.213.122c.937.54 2.114.422 2.924-.296m-6.352-8.672c-.116.037-.217.137-.418.338s-.302.302-.338.418a.5.5 0 0 0 0 .302c.036.117.137.217.338.418s.302.302.418.339a.5.5 0 0 0 .302 0c.116-.037.217-.138.418-.339c.201-.2.302-.301.338-.418a.5.5 0 0 0 0-.302c-.037-.116-.137-.217-.338-.418s-.302-.301-.418-.338a.5.5 0 0 0-.302 0m5.489 3.41c.246-.245.368-.368.507-.421a.7.7 0 0 1 .503 0c.139.053.261.176.507.421c.245.246.368.368.421.507a.7.7 0 0 1 0 .503c-.053.139-.176.261-.421.507c-.246.245-.368.368-.507.421a.7.7 0 0 1-.503 0c-.139-.053-.261-.176-.507-.421c-.245-.246-.368-.368-.421-.507a.7.7 0 0 1 0-.503c.053-.139.176-.261.421-.507M7.686 3.94a.536.536 0 1 0-.759.76a.536.536 0 0 0 .759-.76m11.372 11.374a.536.536 0 1 1 .759.758a.536.536 0 0 1-.759-.758m-.799-5.572a.536.536 0 1 0-.759.758a.536.536 0 0 0 .759-.758"/></g></svg> </template>
CSS
.icon-confetti2 {
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.927%202.36a.75.75%200%200%201%20.248%201.031a.65.65%200%200%200%20.095.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-.097-.098a2.15%202.15%200%200%201-.315-2.642a.75.75%200%200%201%201.032-.249m6.763%202.362a.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-.588%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.719%208.813c-.82-.819-1.494-1.493-2.08-1.928c-.606-.45-1.279-.766-2.054-.583c-.776.183-1.236.768-1.577%201.44c-.33.651-.632%201.556-.998%202.655l-1.73%205.19c-.443%201.33-.803%202.409-.952%203.246c-.15.844-.135%201.701.501%202.337s1.493.651%202.337.501c.837-.149%201.916-.508%203.246-.952l5.19-1.73c1.099-.366%202.004-.668%202.655-.998c.673-.34%201.257-.801%201.44-1.576c.183-.776-.134-1.449-.583-2.055c-.434-.586-1.11-1.26-1.928-2.08zm-3.025-.76l.052.037c.486.36%201.082.954%201.956%201.828l.76.76l-.05.133c-.077.211-.178.512-.279.88a11%2011%200%200%200-.406%202.864c0%201.063.206%202.08.405%202.82c.083.308.166.573.235.778l-2.635.879a44%2044%200%200%201-.265-1.29c-.174-.907-.356-2.007-.411-2.857c-.092-1.403.087-3.235.3-4.75a50%2050%200%200%201%20.338-2.082m-1.74%201.3c-.158.431-.332.95-.54%201.578l-1.69%205.068c-.47%201.407-.792%202.381-.92%203.097c-.127.72-.008.92.086%201.014c.093.093.293.213%201.014.085c.59-.106%201.357-.344%202.398-.687l-.072-.324c-.062-.29-.147-.697-.236-1.16c-.176-.918-.373-2.093-.435-3.04c-.103-1.566.096-3.525.312-5.058q.04-.296.083-.572m5.836%208.326l.279-.093c1.172-.39%201.97-.659%202.51-.932c.53-.269.627-.453.658-.584c.03-.131.026-.34-.328-.816c-.36-.486-.954-1.083-1.828-1.957l-1.436-1.437q-.033.108-.066.228a9.5%209.5%200%200%200-.352%202.468c0%20.618.085%201.235.198%201.778a12%2012%200%200%200%20.365%201.345%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M20.33%2012.73a1.01%201.01%200%200%201%201.078-.17l.292.127a.75.75%200%201%200%20.6-1.374l-.29-.128a2.51%202.51%200%200%200-2.675.423c-.326.289-.8.337-1.178.119l-.213-.123a.75.75%200%201%200-.75%201.3l.213.122c.937.54%202.114.422%202.924-.296m-6.352-8.672c-.116.037-.217.137-.418.338s-.302.302-.338.418a.5.5%200%200%200%200%20.302c.036.117.137.217.338.418s.302.302.418.339a.5.5%200%200%200%20.302%200c.116-.037.217-.138.418-.339c.201-.2.302-.301.338-.418a.5.5%200%200%200%200-.302c-.037-.116-.137-.217-.338-.418s-.302-.301-.418-.338a.5.5%200%200%200-.302%200m5.489%203.41c.246-.245.368-.368.507-.421a.7.7%200%200%201%20.503%200c.139.053.261.176.507.421c.245.246.368.368.421.507a.7.7%200%200%201%200%20.503c-.053.139-.176.261-.421.507c-.246.245-.368.368-.507.421a.7.7%200%200%201-.503%200c-.139-.053-.261-.176-.507-.421c-.245-.246-.368-.368-.421-.507a.7.7%200%200%201%200-.503c.053-.139.176-.261.421-.507M7.686%203.94a.536.536%200%201%200-.759.76a.536.536%200%200%200%20.759-.76m11.372%2011.374a.536.536%200%201%201%20.759.758a.536.536%200%200%201-.759-.758m-.799-5.572a.536.536%200%201%200-.759.758a.536.536%200%200%200%20.759-.758%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.927%202.36a.75.75%200%200%201%20.248%201.031a.65.65%200%200%200%20.095.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-.097-.098a2.15%202.15%200%200%201-.315-2.642a.75.75%200%200%201%201.032-.249m6.763%202.362a.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-.588%22%2F%3E%3Cpath%20fill-rule%3D%22evenodd%22%20d%3D%22M11.719%208.813c-.82-.819-1.494-1.493-2.08-1.928c-.606-.45-1.279-.766-2.054-.583c-.776.183-1.236.768-1.577%201.44c-.33.651-.632%201.556-.998%202.655l-1.73%205.19c-.443%201.33-.803%202.409-.952%203.246c-.15.844-.135%201.701.501%202.337s1.493.651%202.337.501c.837-.149%201.916-.508%203.246-.952l5.19-1.73c1.099-.366%202.004-.668%202.655-.998c.673-.34%201.257-.801%201.44-1.576c.183-.776-.134-1.449-.583-2.055c-.434-.586-1.11-1.26-1.928-2.08zm-3.025-.76l.052.037c.486.36%201.082.954%201.956%201.828l.76.76l-.05.133c-.077.211-.178.512-.279.88a11%2011%200%200%200-.406%202.864c0%201.063.206%202.08.405%202.82c.083.308.166.573.235.778l-2.635.879a44%2044%200%200%201-.265-1.29c-.174-.907-.356-2.007-.411-2.857c-.092-1.403.087-3.235.3-4.75a50%2050%200%200%201%20.338-2.082m-1.74%201.3c-.158.431-.332.95-.54%201.578l-1.69%205.068c-.47%201.407-.792%202.381-.92%203.097c-.127.72-.008.92.086%201.014c.093.093.293.213%201.014.085c.59-.106%201.357-.344%202.398-.687l-.072-.324c-.062-.29-.147-.697-.236-1.16c-.176-.918-.373-2.093-.435-3.04c-.103-1.566.096-3.525.312-5.058q.04-.296.083-.572m5.836%208.326l.279-.093c1.172-.39%201.97-.659%202.51-.932c.53-.269.627-.453.658-.584c.03-.131.026-.34-.328-.816c-.36-.486-.954-1.083-1.828-1.957l-1.436-1.437q-.033.108-.066.228a9.5%209.5%200%200%200-.352%202.468c0%20.618.085%201.235.198%201.778a12%2012%200%200%200%20.365%201.345%22%20clip-rule%3D%22evenodd%22%2F%3E%3Cpath%20d%3D%22M20.33%2012.73a1.01%201.01%200%200%201%201.078-.17l.292.127a.75.75%200%201%200%20.6-1.374l-.29-.128a2.51%202.51%200%200%200-2.675.423c-.326.289-.8.337-1.178.119l-.213-.123a.75.75%200%201%200-.75%201.3l.213.122c.937.54%202.114.422%202.924-.296m-6.352-8.672c-.116.037-.217.137-.418.338s-.302.302-.338.418a.5.5%200%200%200%200%20.302c.036.117.137.217.338.418s.302.302.418.339a.5.5%200%200%200%20.302%200c.116-.037.217-.138.418-.339c.201-.2.302-.301.338-.418a.5.5%200%200%200%200-.302c-.037-.116-.137-.217-.338-.418s-.302-.301-.418-.338a.5.5%200%200%200-.302%200m5.489%203.41c.246-.245.368-.368.507-.421a.7.7%200%200%201%20.503%200c.139.053.261.176.507.421c.245.246.368.368.421.507a.7.7%200%200%201%200%20.503c-.053.139-.176.261-.421.507c-.246.245-.368.368-.507.421a.7.7%200%200%201-.503%200c-.139-.053-.261-.176-.507-.421c-.245-.246-.368-.368-.421-.507a.7.7%200%200%201%200-.503c.053-.139.176-.261.421-.507M7.686%203.94a.536.536%200%201%200-.759.76a.536.536%200%200%200%20.759-.76m11.372%2011.374a.536.536%200%201%201%20.759.758a.536.536%200%200%201-.759-.758m-.799-5.572a.536.536%200%201%200-.759.758a.536.536%200%200%200%20.759-.758%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.svg?color=%231a73e8&size=48
