Iconify
.design
Show Iconify website navigation
Add to favorites
Fluent Emoji
by
Microsoft Corporation
License:
MIT
(commercial use is allowed, no attribution required)
Browse all icon sets
Browse Fluent UI System Icons
Icon:
ballot-box-with-ballot
Default
fluent-emoji:ballot-box-with-ballot
- Iconify Icon
FluentEmojiBallotBoxWithBallot
- Component name
icon-[fluent-emoji--ballot-box-with-ballot]
- Tailwind CSS
i-fluent-emoji:ballot-box-with-ballot
- UnoCSS
i-fluent-emoji-ballot-box-with-ballot
- UnoCSS
ballot-box-with-ballot
- Name only
fluent-emoji/ballot-box-with-ballot
fluent-emoji--ballot-box-with-ballot
Size:
Colors:
Stroke width:
SVG
SVG
Symbol
JSX
CSS
URL
CSS
UnoCSS
Tailwind CSS
Components
Vue
React
Svelte
Astro
Unplugin Icons
Iconify Icon
Prettify code
Add empty rectangle
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#f97id8)"><path fill="url(#f97id0)" d="M2.543 16.383H28.48V8.09a2 2 0 0 0-2-2H4.543a2 2 0 0 0-2 2z"/><path fill="url(#f97idf)" d="M2.543 16.383H28.48V8.09a2 2 0 0 0-2-2H4.543a2 2 0 0 0-2 2z"/></g><g filter="url(#f97id9)"><path fill="url(#f97id1)" d="M2.543 15.02H28.48v12.97a2 2 0 0 1-2 2H4.543a2 2 0 0 1-2-2z"/><path fill="url(#f97id2)" d="M2.543 15.02H28.48v12.97a2 2 0 0 1-2 2H4.543a2 2 0 0 1-2-2z"/></g><rect width="3" height="8.984" x="23.48" y="16.981" fill="url(#f97id3)" rx="1.5"/><g filter="url(#f97ida)"><rect width="12.664" height="2.484" x="9.18" y="9.434" fill="url(#f97id4)" rx="1.242"/></g><g filter="url(#f97idb)"><path fill="url(#f97id5)" d="M10.527 3.36a1.3 1.3 0 0 1 1.3-1.3h7.369a1.3 1.3 0 0 1 1.3 1.3v8.559h-9.969z"/></g><path fill="url(#f97id6)" d="M10.527 3.36a1.3 1.3 0 0 1 1.3-1.3h7.369a1.3 1.3 0 0 1 1.3 1.3v8.559h-9.969z"/><g filter="url(#f97idc)"><path fill="url(#f97idg)" fill-rule="evenodd" d="M18.973 4.179a.6.6 0 0 1 .071.846L14.8 10.052a.8.8 0 0 1-1.249-.032l-1.513-1.997a.6.6 0 1 1 .957-.725l1.21 1.598l3.923-4.646a.6.6 0 0 1 .846-.071" clip-rule="evenodd"/></g><g filter="url(#f97idd)"><path stroke="#4dbd7c" stroke-linecap="round" stroke-width="0.3" d="m12.387 7.731l1.703 2.094"/></g><g filter="url(#f97ide)"><path stroke="url(#f97id7)" stroke-linecap="round" stroke-width="0.3" d="m14.137 9.888l4.14-4.97"/></g><defs><linearGradient id="f97id0" x1="15.511" x2="15.511" y1="6.091" y2="15.02" gradientUnits="userSpaceOnUse"><stop stop-color="#959596"/><stop offset="1" stop-color="#afadb2"/></linearGradient><linearGradient id="f97id1" x1="15.511" x2="15.511" y1="15.02" y2="29.989" gradientUnits="userSpaceOnUse"><stop stop-color="#9d99a1"/><stop offset="1" stop-color="#8d8794"/></linearGradient><linearGradient id="f97id2" x1="17.679" x2="17.679" y1="29.989" y2="27.356" gradientUnits="userSpaceOnUse"><stop stop-color="#716081"/><stop offset="1" stop-color="#82778d" stop-opacity="0"/></linearGradient><linearGradient id="f97id3" x1="24.98" x2="24.98" y1="16.981" y2="25.966" gradientUnits="userSpaceOnUse"><stop stop-color="#d1ccd6"/><stop offset="1" stop-color="#d1ccd6" stop-opacity="0"/></linearGradient><linearGradient id="f97id4" x1="21.844" x2="9.18" y1="9.919" y2="9.919" gradientUnits="userSpaceOnUse"><stop stop-color="#554165"/><stop offset="1" stop-color="#402c50"/></linearGradient><linearGradient id="f97id5" x1="20.164" x2="13.945" y1="2.481" y2="9.981" gradientUnits="userSpaceOnUse"><stop stop-color="#ede7f5"/><stop offset="1" stop-color="#d4cedd"/></linearGradient><linearGradient id="f97id6" x1="16.793" x2="16.793" y1="12.2" y2="10.638" gradientUnits="userSpaceOnUse"><stop stop-color="#ccc6d4"/><stop offset="1" stop-color="#ccc6d4" stop-opacity="0"/></linearGradient><linearGradient id="f97id7" x1="14.136" x2="18.168" y1="9.669" y2="5.153" gradientUnits="userSpaceOnUse"><stop stop-color="#4dbd7c"/><stop offset="1" stop-color="#4dbd7c" stop-opacity="0"/></linearGradient><filter id="f97id8" width="26.038" height="10.292" x="2.443" y="6.091" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.760784 0 0 0 0 0.760784 0 0 0 0 0.764706 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22220"/></filter><filter id="f97id9" width="26.038" height="14.969" x="2.443" y="15.02" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.1"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.760784 0 0 0 0 0.760784 0 0 0 0 0.764706 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22220"/></filter><filter id="f97ida" width="12.664" height="3.484" x="9.18" y="8.434" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-1"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.203922 0 0 0 0 0.156863 0 0 0 0 0.243137 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22220"/></filter><filter id="f97idb" width="10.219" height="9.959" x="10.377" y="2.059" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".1" dy=".1"/><feGaussianBlur stdDeviation=".05"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.839216 0 0 0 0 0.831373 0 0 0 0 0.847059 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22220"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.15"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.972549 0 0 0 0 0.960784 0 0 0 0 0.992157 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_22220" result="effect2_innerShadow_18_22220"/></filter><filter id="f97idc" width="7.42" height="6.449" x="11.765" y="4.037" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.15" dy=".15"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.0941176 0 0 0 0 0.666667 0 0 0 0 0.34902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_22220"/></filter><filter id="f97idd" width="2.603" height="2.994" x="11.937" y="7.281" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_22220" stdDeviation=".15"/></filter><filter id="f97ide" width="5.041" height="5.869" x="13.687" y="4.469" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_22220" stdDeviation=".15"/></filter><radialGradient id="f97idf" cx="0" cy="0" r="1" gradientTransform="matrix(0 8.125 -19.1396 0 12.636 4.825)" gradientUnits="userSpaceOnUse"><stop offset=".289" stop-color="#737275"/><stop offset="1" stop-color="#8d8c8e" stop-opacity="0"/></radialGradient><radialGradient id="f97idg" cx="0" cy="0" r="1" gradientTransform="rotate(137.517 8.582 5.933)scale(8.05111 9.29298)" gradientUnits="userSpaceOnUse"><stop stop-color="#26ad60"/><stop offset="1" stop-color="#2dad67"/></radialGradient></defs></g></svg>
Copy to Clipboard
Download