confetti icon
confetti-filled from Reicon by REICON · Filled · UI · MIT Free for personal and commercial use.
- Name
- confetti-filled
- Set
- Reicon
- Style
- Filled
- Category
- UI
- Viewbox
- 24×24
- License
- MIT
2 other variants in Reicon
The same icon in other sets
All confetti icons →More ui icons from Reicon
Use the confetti icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.186 2.139a.75.75 0 0 1 .249 1.031a.65.65 0 0 0 .095.8l.098.097c.588.589.805 1.454.565 2.25a.75.75 0 0 1-1.436-.433a.76.76 0 0 0-.19-.756L9.47 5.03a2.15 2.15 0 0 1-.314-2.642a.75.75 0 0 1 1.031-.25m7.503 2.583a.75.75 0 0 1 .587.883l-.144.72c-.198.99-.912 1.8-1.87 2.119c-.448.15-.782.527-.874.99l-.144.72a.75.75 0 1 1-1.471-.294l.144-.72c.198-.991.912-1.8 1.87-2.12c.448-.148.782-.526.875-.99l.143-.72a.75.75 0 0 1 .883-.588m3.72 8.839a1.01 1.01 0 0 0-1.078.17a2.51 2.51 0 0 1-2.924.295l-.213-.122a.75.75 0 0 1 .75-1.3l.213.123c.378.218.852.17 1.179-.119a2.51 2.51 0 0 1 2.673-.422l.292.127a.75.75 0 0 1-.601 1.375zM6.928 3.94a.536.536 0 1 1 .758.76a.536.536 0 0 1-.758-.76m5.988 3.217a.536.536 0 1 0-.759.759a.536.536 0 0 0 .759-.76m4.241 3.001a.536.536 0 1 1 .759.758a.536.536 0 0 1-.759-.758m2.66 5.156a.536.536 0 1 0-.759.759a.536.536 0 0 0 .759-.759M7.472 20.241c-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.462l-.005.026a26 26 0 0 0-.138.73a51 51 0 0 0-.31 1.939c-.216 1.533-.415 3.492-.312 5.057c.062.947.259 2.122.435 3.04a51 51 0 0 0 .312 1.503l.02.093zm5.567-1.855l.267-.089c2.298-.766 3.447-1.149 3.66-2.055c.215-.906-.642-1.763-2.355-3.476l-1.689-1.689l-.005.015l-.082.267c-.068.23-.16.55-.251.916c-.187.749-.357 1.622-.357 2.28s.17 1.531.357 2.28a21 21 0 0 0 .356 1.253l.005.017l.002.004zM8.8 7.504l.05-.245c.613.36 1.339 1.085 2.382 2.129l.503.502l-.212.64l-.01.028l-.025.08l-.09.291c-.073.246-.171.59-.27.983c-.192.769-.401 1.791-.401 2.643s.21 1.874.401 2.643a22 22 0 0 0 .385 1.354l.103.309l-2.715.905l-.107-.46l-.005-.022l-.02-.087l-.073-.33c-.06-.282-.143-.676-.23-1.126c-.173-.907-.355-2.006-.41-2.856c-.093-1.404.087-3.236.3-4.75a50 50 0 0 1 .434-2.582l.007-.037l.002-.01zm6.154-5.294c.151-.02.428-.03.647.19s.21.496.19.648a4 4 0 0 1-.114.479l-.036.126l.065.102c.087.139.181.288.239.42c.065.15.139.402 0 .666c-.137.26-.382.346-.537.381c-.142.032-.319.046-.487.06l-.127.01h-.011l-.092.112c-.11.133-.223.271-.33.37c-.114.103-.328.263-.625.223c-.307-.042-.467-.265-.544-.404a3.4 3.4 0 0 1-.188-.446l-.04-.11l-.11-.04a3.4 3.4 0 0 1-.445-.187c-.14-.078-.362-.237-.404-.544c-.04-.298.12-.511.223-.625c.098-.107.237-.22.37-.33l.112-.092v-.01l.01-.128c.013-.169.027-.346.06-.487c.035-.156.12-.4.38-.537c.265-.14.517-.065.666 0c.133.057.282.151.42.239l.103.064l.126-.035c.164-.047.335-.096.479-.115m7.186 8.282c.467-.467.64-1.096.384-1.65c-.195-.42-.587-.693-1.07-.796c-.102-.483-.376-.875-.796-1.07c-.554-.255-1.183-.083-1.65.385c-.27.27-.393.633-.45.957c-.06.33-.06.68-.041.986a7 7 0 0 0 .163 1.115c.045.18.192.35.372.394h.002l.027.007a5 5 0 0 0 .317.065c.205.036.489.079.798.098c.306.02.656.019.986-.04c.324-.057.687-.18.958-.45"/></svg>
React
import type { SVGProps } from "react";
export function ReiconConfettiFilled(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="M10.186 2.139a.75.75 0 0 1 .249 1.031a.65.65 0 0 0 .095.8l.098.097c.588.589.805 1.454.565 2.25a.75.75 0 0 1-1.436-.433a.76.76 0 0 0-.19-.756L9.47 5.03a2.15 2.15 0 0 1-.314-2.642a.75.75 0 0 1 1.031-.25m7.503 2.583a.75.75 0 0 1 .587.883l-.144.72c-.198.99-.912 1.8-1.87 2.119c-.448.15-.782.527-.874.99l-.144.72a.75.75 0 1 1-1.471-.294l.144-.72c.198-.991.912-1.8 1.87-2.12c.448-.148.782-.526.875-.99l.143-.72a.75.75 0 0 1 .883-.588m3.72 8.839a1.01 1.01 0 0 0-1.078.17a2.51 2.51 0 0 1-2.924.295l-.213-.122a.75.75 0 0 1 .75-1.3l.213.123c.378.218.852.17 1.179-.119a2.51 2.51 0 0 1 2.673-.422l.292.127a.75.75 0 0 1-.601 1.375zM6.928 3.94a.536.536 0 1 1 .758.76a.536.536 0 0 1-.758-.76m5.988 3.217a.536.536 0 1 0-.759.759a.536.536 0 0 0 .759-.76m4.241 3.001a.536.536 0 1 1 .759.758a.536.536 0 0 1-.759-.758m2.66 5.156a.536.536 0 1 0-.759.759a.536.536 0 0 0 .759-.759M7.472 20.241c-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.462l-.005.026a26 26 0 0 0-.138.73a51 51 0 0 0-.31 1.939c-.216 1.533-.415 3.492-.312 5.057c.062.947.259 2.122.435 3.04a51 51 0 0 0 .312 1.503l.02.093zm5.567-1.855l.267-.089c2.298-.766 3.447-1.149 3.66-2.055c.215-.906-.642-1.763-2.355-3.476l-1.689-1.689l-.005.015l-.082.267c-.068.23-.16.55-.251.916c-.187.749-.357 1.622-.357 2.28s.17 1.531.357 2.28a21 21 0 0 0 .356 1.253l.005.017l.002.004zM8.8 7.504l.05-.245c.613.36 1.339 1.085 2.382 2.129l.503.502l-.212.64l-.01.028l-.025.08l-.09.291c-.073.246-.171.59-.27.983c-.192.769-.401 1.791-.401 2.643s.21 1.874.401 2.643a22 22 0 0 0 .385 1.354l.103.309l-2.715.905l-.107-.46l-.005-.022l-.02-.087l-.073-.33c-.06-.282-.143-.676-.23-1.126c-.173-.907-.355-2.006-.41-2.856c-.093-1.404.087-3.236.3-4.75a50 50 0 0 1 .434-2.582l.007-.037l.002-.01zm6.154-5.294c.151-.02.428-.03.647.19s.21.496.19.648a4 4 0 0 1-.114.479l-.036.126l.065.102c.087.139.181.288.239.42c.065.15.139.402 0 .666c-.137.26-.382.346-.537.381c-.142.032-.319.046-.487.06l-.127.01h-.011l-.092.112c-.11.133-.223.271-.33.37c-.114.103-.328.263-.625.223c-.307-.042-.467-.265-.544-.404a3.4 3.4 0 0 1-.188-.446l-.04-.11l-.11-.04a3.4 3.4 0 0 1-.445-.187c-.14-.078-.362-.237-.404-.544c-.04-.298.12-.511.223-.625c.098-.107.237-.22.37-.33l.112-.092v-.01l.01-.128c.013-.169.027-.346.06-.487c.035-.156.12-.4.38-.537c.265-.14.517-.065.666 0c.133.057.282.151.42.239l.103.064l.126-.035c.164-.047.335-.096.479-.115m7.186 8.282c.467-.467.64-1.096.384-1.65c-.195-.42-.587-.693-1.07-.796c-.102-.483-.376-.875-.796-1.07c-.554-.255-1.183-.083-1.65.385c-.27.27-.393.633-.45.957c-.06.33-.06.68-.041.986a7 7 0 0 0 .163 1.115c.045.18.192.35.372.394h.002l.027.007a5 5 0 0 0 .317.065c.205.036.489.079.798.098c.306.02.656.019.986-.04c.324-.057.687-.18.958-.45"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M10.186 2.139a.75.75 0 0 1 .249 1.031a.65.65 0 0 0 .095.8l.098.097c.588.589.805 1.454.565 2.25a.75.75 0 0 1-1.436-.433a.76.76 0 0 0-.19-.756L9.47 5.03a2.15 2.15 0 0 1-.314-2.642a.75.75 0 0 1 1.031-.25m7.503 2.583a.75.75 0 0 1 .587.883l-.144.72c-.198.99-.912 1.8-1.87 2.119c-.448.15-.782.527-.874.99l-.144.72a.75.75 0 1 1-1.471-.294l.144-.72c.198-.991.912-1.8 1.87-2.12c.448-.148.782-.526.875-.99l.143-.72a.75.75 0 0 1 .883-.588m3.72 8.839a1.01 1.01 0 0 0-1.078.17a2.51 2.51 0 0 1-2.924.295l-.213-.122a.75.75 0 0 1 .75-1.3l.213.123c.378.218.852.17 1.179-.119a2.51 2.51 0 0 1 2.673-.422l.292.127a.75.75 0 0 1-.601 1.375zM6.928 3.94a.536.536 0 1 1 .758.76a.536.536 0 0 1-.758-.76m5.988 3.217a.536.536 0 1 0-.759.759a.536.536 0 0 0 .759-.76m4.241 3.001a.536.536 0 1 1 .759.758a.536.536 0 0 1-.759-.758m2.66 5.156a.536.536 0 1 0-.759.759a.536.536 0 0 0 .759-.759M7.472 20.241c-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.462l-.005.026a26 26 0 0 0-.138.73a51 51 0 0 0-.31 1.939c-.216 1.533-.415 3.492-.312 5.057c.062.947.259 2.122.435 3.04a51 51 0 0 0 .312 1.503l.02.093zm5.567-1.855l.267-.089c2.298-.766 3.447-1.149 3.66-2.055c.215-.906-.642-1.763-2.355-3.476l-1.689-1.689l-.005.015l-.082.267c-.068.23-.16.55-.251.916c-.187.749-.357 1.622-.357 2.28s.17 1.531.357 2.28a21 21 0 0 0 .356 1.253l.005.017l.002.004zM8.8 7.504l.05-.245c.613.36 1.339 1.085 2.382 2.129l.503.502l-.212.64l-.01.028l-.025.08l-.09.291c-.073.246-.171.59-.27.983c-.192.769-.401 1.791-.401 2.643s.21 1.874.401 2.643a22 22 0 0 0 .385 1.354l.103.309l-2.715.905l-.107-.46l-.005-.022l-.02-.087l-.073-.33c-.06-.282-.143-.676-.23-1.126c-.173-.907-.355-2.006-.41-2.856c-.093-1.404.087-3.236.3-4.75a50 50 0 0 1 .434-2.582l.007-.037l.002-.01zm6.154-5.294c.151-.02.428-.03.647.19s.21.496.19.648a4 4 0 0 1-.114.479l-.036.126l.065.102c.087.139.181.288.239.42c.065.15.139.402 0 .666c-.137.26-.382.346-.537.381c-.142.032-.319.046-.487.06l-.127.01h-.011l-.092.112c-.11.133-.223.271-.33.37c-.114.103-.328.263-.625.223c-.307-.042-.467-.265-.544-.404a3.4 3.4 0 0 1-.188-.446l-.04-.11l-.11-.04a3.4 3.4 0 0 1-.445-.187c-.14-.078-.362-.237-.404-.544c-.04-.298.12-.511.223-.625c.098-.107.237-.22.37-.33l.112-.092v-.01l.01-.128c.013-.169.027-.346.06-.487c.035-.156.12-.4.38-.537c.265-.14.517-.065.666 0c.133.057.282.151.42.239l.103.064l.126-.035c.164-.047.335-.096.479-.115m7.186 8.282c.467-.467.64-1.096.384-1.65c-.195-.42-.587-.693-1.07-.796c-.102-.483-.376-.875-.796-1.07c-.554-.255-1.183-.083-1.65.385c-.27.27-.393.633-.45.957c-.06.33-.06.68-.041.986a7 7 0 0 0 .163 1.115c.045.18.192.35.372.394h.002l.027.007a5 5 0 0 0 .317.065c.205.036.489.079.798.098c.306.02.656.019.986-.04c.324-.057.687-.18.958-.45"/></svg> </template>
CSS
.icon-confetti-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%22M10.186%202.139a.75.75%200%200%201%20.249%201.031a.65.65%200%200%200%20.095.8l.098.097c.588.589.805%201.454.565%202.25a.75.75%200%200%201-1.436-.433a.76.76%200%200%200-.19-.756L9.47%205.03a2.15%202.15%200%200%201-.314-2.642a.75.75%200%200%201%201.031-.25m7.503%202.583a.75.75%200%200%201%20.587.883l-.144.72c-.198.99-.912%201.8-1.87%202.119c-.448.15-.782.527-.874.99l-.144.72a.75.75%200%201%201-1.471-.294l.144-.72c.198-.991.912-1.8%201.87-2.12c.448-.148.782-.526.875-.99l.143-.72a.75.75%200%200%201%20.883-.588m3.72%208.839a1.01%201.01%200%200%200-1.078.17a2.51%202.51%200%200%201-2.924.295l-.213-.122a.75.75%200%200%201%20.75-1.3l.213.123c.378.218.852.17%201.179-.119a2.51%202.51%200%200%201%202.673-.422l.292.127a.75.75%200%200%201-.601%201.375zM6.928%203.94a.536.536%200%201%201%20.758.76a.536.536%200%200%201-.758-.76m5.988%203.217a.536.536%200%201%200-.759.759a.536.536%200%200%200%20.759-.76m4.241%203.001a.536.536%200%201%201%20.759.758a.536.536%200%200%201-.759-.758m2.66%205.156a.536.536%200%201%200-.759.759a.536.536%200%200%200%20.759-.759M7.472%2020.241c-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.462l-.005.026a26%2026%200%200%200-.138.73a51%2051%200%200%200-.31%201.939c-.216%201.533-.415%203.492-.312%205.057c.062.947.259%202.122.435%203.04a51%2051%200%200%200%20.312%201.503l.02.093zm5.567-1.855l.267-.089c2.298-.766%203.447-1.149%203.66-2.055c.215-.906-.642-1.763-2.355-3.476l-1.689-1.689l-.005.015l-.082.267c-.068.23-.16.55-.251.916c-.187.749-.357%201.622-.357%202.28s.17%201.531.357%202.28a21%2021%200%200%200%20.356%201.253l.005.017l.002.004zM8.8%207.504l.05-.245c.613.36%201.339%201.085%202.382%202.129l.503.502l-.212.64l-.01.028l-.025.08l-.09.291c-.073.246-.171.59-.27.983c-.192.769-.401%201.791-.401%202.643s.21%201.874.401%202.643a22%2022%200%200%200%20.385%201.354l.103.309l-2.715.905l-.107-.46l-.005-.022l-.02-.087l-.073-.33c-.06-.282-.143-.676-.23-1.126c-.173-.907-.355-2.006-.41-2.856c-.093-1.404.087-3.236.3-4.75a50%2050%200%200%201%20.434-2.582l.007-.037l.002-.01zm6.154-5.294c.151-.02.428-.03.647.19s.21.496.19.648a4%204%200%200%201-.114.479l-.036.126l.065.102c.087.139.181.288.239.42c.065.15.139.402%200%20.666c-.137.26-.382.346-.537.381c-.142.032-.319.046-.487.06l-.127.01h-.011l-.092.112c-.11.133-.223.271-.33.37c-.114.103-.328.263-.625.223c-.307-.042-.467-.265-.544-.404a3.4%203.4%200%200%201-.188-.446l-.04-.11l-.11-.04a3.4%203.4%200%200%201-.445-.187c-.14-.078-.362-.237-.404-.544c-.04-.298.12-.511.223-.625c.098-.107.237-.22.37-.33l.112-.092v-.01l.01-.128c.013-.169.027-.346.06-.487c.035-.156.12-.4.38-.537c.265-.14.517-.065.666%200c.133.057.282.151.42.239l.103.064l.126-.035c.164-.047.335-.096.479-.115m7.186%208.282c.467-.467.64-1.096.384-1.65c-.195-.42-.587-.693-1.07-.796c-.102-.483-.376-.875-.796-1.07c-.554-.255-1.183-.083-1.65.385c-.27.27-.393.633-.45.957c-.06.33-.06.68-.041.986a7%207%200%200%200%20.163%201.115c.045.18.192.35.372.394h.002l.027.007a5%205%200%200%200%20.317.065c.205.036.489.079.798.098c.306.02.656.019.986-.04c.324-.057.687-.18.958-.45%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%22M10.186%202.139a.75.75%200%200%201%20.249%201.031a.65.65%200%200%200%20.095.8l.098.097c.588.589.805%201.454.565%202.25a.75.75%200%200%201-1.436-.433a.76.76%200%200%200-.19-.756L9.47%205.03a2.15%202.15%200%200%201-.314-2.642a.75.75%200%200%201%201.031-.25m7.503%202.583a.75.75%200%200%201%20.587.883l-.144.72c-.198.99-.912%201.8-1.87%202.119c-.448.15-.782.527-.874.99l-.144.72a.75.75%200%201%201-1.471-.294l.144-.72c.198-.991.912-1.8%201.87-2.12c.448-.148.782-.526.875-.99l.143-.72a.75.75%200%200%201%20.883-.588m3.72%208.839a1.01%201.01%200%200%200-1.078.17a2.51%202.51%200%200%201-2.924.295l-.213-.122a.75.75%200%200%201%20.75-1.3l.213.123c.378.218.852.17%201.179-.119a2.51%202.51%200%200%201%202.673-.422l.292.127a.75.75%200%200%201-.601%201.375zM6.928%203.94a.536.536%200%201%201%20.758.76a.536.536%200%200%201-.758-.76m5.988%203.217a.536.536%200%201%200-.759.759a.536.536%200%200%200%20.759-.76m4.241%203.001a.536.536%200%201%201%20.759.758a.536.536%200%200%201-.759-.758m2.66%205.156a.536.536%200%201%200-.759.759a.536.536%200%200%200%20.759-.759M7.472%2020.241c-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.462l-.005.026a26%2026%200%200%200-.138.73a51%2051%200%200%200-.31%201.939c-.216%201.533-.415%203.492-.312%205.057c.062.947.259%202.122.435%203.04a51%2051%200%200%200%20.312%201.503l.02.093zm5.567-1.855l.267-.089c2.298-.766%203.447-1.149%203.66-2.055c.215-.906-.642-1.763-2.355-3.476l-1.689-1.689l-.005.015l-.082.267c-.068.23-.16.55-.251.916c-.187.749-.357%201.622-.357%202.28s.17%201.531.357%202.28a21%2021%200%200%200%20.356%201.253l.005.017l.002.004zM8.8%207.504l.05-.245c.613.36%201.339%201.085%202.382%202.129l.503.502l-.212.64l-.01.028l-.025.08l-.09.291c-.073.246-.171.59-.27.983c-.192.769-.401%201.791-.401%202.643s.21%201.874.401%202.643a22%2022%200%200%200%20.385%201.354l.103.309l-2.715.905l-.107-.46l-.005-.022l-.02-.087l-.073-.33c-.06-.282-.143-.676-.23-1.126c-.173-.907-.355-2.006-.41-2.856c-.093-1.404.087-3.236.3-4.75a50%2050%200%200%201%20.434-2.582l.007-.037l.002-.01zm6.154-5.294c.151-.02.428-.03.647.19s.21.496.19.648a4%204%200%200%201-.114.479l-.036.126l.065.102c.087.139.181.288.239.42c.065.15.139.402%200%20.666c-.137.26-.382.346-.537.381c-.142.032-.319.046-.487.06l-.127.01h-.011l-.092.112c-.11.133-.223.271-.33.37c-.114.103-.328.263-.625.223c-.307-.042-.467-.265-.544-.404a3.4%203.4%200%200%201-.188-.446l-.04-.11l-.11-.04a3.4%203.4%200%200%201-.445-.187c-.14-.078-.362-.237-.404-.544c-.04-.298.12-.511.223-.625c.098-.107.237-.22.37-.33l.112-.092v-.01l.01-.128c.013-.169.027-.346.06-.487c.035-.156.12-.4.38-.537c.265-.14.517-.065.666%200c.133.057.282.151.42.239l.103.064l.126-.035c.164-.047.335-.096.479-.115m7.186%208.282c.467-.467.64-1.096.384-1.65c-.195-.42-.587-.693-1.07-.796c-.102-.483-.376-.875-.796-1.07c-.554-.255-1.183-.083-1.65.385c-.27.27-.393.633-.45.957c-.06.33-.06.68-.041.986a7%207%200%200%200%20.163%201.115c.045.18.192.35.372.394h.002l.027.007a5%205%200%200%200%20.317.065c.205.036.489.079.798.098c.306.02.656.019.986-.04c.324-.057.687-.18.958-.45%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/confetti-filled.svg?color=%231a73e8&size=48
