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 Emoji
Icon:
bento-box
Default
fluent-emoji:bento-box
- Iconify Icon
FluentEmojiBentoBox
- Component name
icon-[fluent-emoji--bento-box]
- Tailwind CSS
i-fluent-emoji:bento-box
- UnoCSS
i-fluent-emoji-bento-box
- UnoCSS
bento-box
- Name only
fluent-emoji/bento-box
fluent-emoji--bento-box
Size:
Colors:
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"><path fill="url(#f122id0)" d="M28.675 17.5v.37l-12.33-6.07a.72.72 0 0 0-.64 0l-12.33 6.07v-.37h-1.37v5.47c0 .26.13.51.4.65l12.41 6.1c.76.37 1.66.37 2.42 0l12.41-6.1c.27-.13.4-.39.4-.65V17.5z"/><path fill="#372d50" d="m14.975 10.72l-12.57 6.17a.716.716 0 0 0 0 1.29l12.41 6.1c.76.37 1.66.37 2.42 0l12.41-6.1a.716.716 0 0 0 0-1.29l-12.57-6.17c-.66-.33-1.44-.33-2.1 0"/><path fill="url(#f122idi)" d="m14.975 10.72l-12.57 6.17a.716.716 0 0 0 0 1.29l12.41 6.1c.76.37 1.66.37 2.42 0l12.41-6.1a.716.716 0 0 0 0-1.29l-12.57-6.17c-.66-.33-1.44-.33-2.1 0"/><path fill="url(#f122idj)" d="m14.975 10.72l-12.57 6.17a.716.716 0 0 0 0 1.29l12.41 6.1c.76.37 1.66.37 2.42 0l12.41-6.1a.716.716 0 0 0 0-1.29l-12.57-6.17c-.66-.33-1.44-.33-2.1 0"/><path fill="url(#f122id1)" d="m15.595 11.82l-4.67 2.3c-.2.1-.2.38 0 .48l4.61 2.27c.28.14.62.14.9 0l4.61-2.27c.2-.1.2-.38 0-.48l-4.67-2.29a.859.859 0 0 0-.78-.01"/><path fill="#42264a" d="m22.025 15.17l-10.96 5.36c-.2.1-.2.38 0 .48l4.61 2.27c.28.14.62.14.9 0l10.9-5.33c.2-.1.2-.38 0-.48l-4.67-2.3a.89.89 0 0 0-.78 0"/><path fill="url(#f122id2)" d="m9.235 15.08l-4.66 2.3c-.2.1-.2.38 0 .48l4.61 2.27c.28.14.62.14.9 0l4.61-2.27c.2-.1.2-.38 0-.48l-4.67-2.3a.912.912 0 0 0-.79 0"/><path fill="url(#f122id3)" d="M21.335 12.76c0-.04 0-.09-.01-.13a2.124 2.124 0 0 0-1.96-1.96h-.04c-.65-.03-1.25-.36-1.65-.87c-.39-.49-.98-.8-1.65-.8c-.67 0-1.27.31-1.65.8c-.41.51-1 .84-1.65.87h-.04c-1.05.06-1.89.91-1.97 1.95a.5.5 0 0 1-.005.065a.616.616 0 0 0-.005.065c0 .477.112.927.312 1.325l.01.02a2.934 2.934 0 0 0 .72.91l1.302.64c.199.043.405.065.616.065h4.7c.173.001.342-.013.507-.04l1.525-.751a2.958 2.958 0 0 0 .615-.815c.207-.403.323-.86.323-1.344"/><g filter="url(#f122ida)"><path fill="url(#f122id4)" d="M21 12.806c0-.036 0-.082-.01-.118c-.074-.959-.861-1.725-1.836-1.789h-.037a2.12 2.12 0 0 1-1.546-.794a1.983 1.983 0 0 0-1.546-.73a1.97 1.97 0 0 0-1.546.73a2.137 2.137 0 0 1-1.546.794h-.038c-.984.055-1.77.83-1.846 1.78c0 .018-.002.038-.004.059a.416.416 0 0 0-.005.06c0 .434.105.845.292 1.208l.01.018a2.678 2.678 0 0 0 .674.831l1.22.585c.186.038.38.059.577.059h4.404c.162 0 .32-.012.475-.037l1.43-.685a2.719 2.719 0 0 0 .576-.744A2.63 2.63 0 0 0 21 12.806"/></g><g filter="url(#f122idb)"><path fill="url(#f122id5)" d="M16.742 12.508c-.432.252-.991.898-1.424.647a2.4 2.4 0 0 0-1.421-.323c-.723.049-1.46-.066-1.838.73c-.103.216-.122.373-.154.616a2.11 2.11 0 0 0-.014.139c-.015.199-.264.394-.231.58l3.854 1.857c.288.14.638.14.927 0l3.954-1.905a2.373 2.373 0 0 0-.184-1.333c-.36-.786-1.145-1.275-2.061-1.336a2.488 2.488 0 0 0-.762.06a2.505 2.505 0 0 0-.646.268"/></g><path fill="url(#f122id6)" d="M17.32 12.32a2.488 2.488 0 0 0-.605.25c-.42.25-.95.25-1.37 0a2.302 2.302 0 0 0-1.38-.32a2.384 2.384 0 0 0-2.172 2.777l3.742 1.843c.28.14.62.14.9 0l3.84-1.89a2.406 2.406 0 0 0-.179-1.325a2.385 2.385 0 0 0-2.776-1.335"/><g filter="url(#f122idc)"><path fill="url(#f122id7)" d="M17.204 12.75c-.196.046-.38.116-.551.204a1.347 1.347 0 0 1-1.246 0a2.238 2.238 0 0 0-.645-.226a2.38 2.38 0 0 0-.61-.034c-.788.048-1.466.484-1.795 1.094a1.756 1.756 0 0 0-.181 1.166l3.404 1.501c.254.114.564.114.818 0l3.493-1.54a1.751 1.751 0 0 0-.163-1.078c-.318-.635-1.011-1.094-1.82-1.143a2.345 2.345 0 0 0-.704.056"/></g><path fill="url(#f122id8)" d="M9.266 17.747a2.472 2.472 0 0 0 1.74.713c.497 0 .94.24 1.22.611l-2.15 1.059c-.28.14-.62.14-.9 0l-3.058-1.506a5.51 5.51 0 0 1-.594-1.717a4.68 4.68 0 0 1-.085-.886a.672.672 0 0 0-.254-.55a2.969 2.969 0 0 1-1.169-2.351v-.91c0-.67.54-1.23 1.22-1.23c.68 0 1.23.55 1.23 1.23v.91c0 .28.23.51.51.51s.51-.23.51-.51v-.91c0-.67.56-1.23 1.24-1.23c.68 0 1.23.55 1.23 1.23v.91A2.97 2.97 0 0 1 8.75 15.5a.54.54 0 0 0-.23.474c.06.661.202 1.237.746 1.773"/><g filter="url(#f122idd)"><path fill="url(#f122id9)" d="M8.406 15.972H5.514v-.011c.008-.212-.044-.413-.212-.541c-.687-.523-1.13-1.315-1.13-2.245v-.89c0-.655.417-1.148 1.082-1.148s1.066.483 1.066 1.148v.89c0 .274.29.622.649.622a.634.634 0 0 0 .633-.622v-.89c0-.655.455-1.148 1.12-1.148s1.137.483 1.137 1.148v.89c0 1.056-.664 1.934-1.515 2.443c0 .128.062.256.062.354"/></g><g filter="url(#f122ide)"><path fill="#ff5d4f" d="M9.11 18c.447.441 1.165.703 1.843.703c.496 0 .61-.026.89.344l-1.758.765c-.28.14-.62.14-.9 0l-2.873-1.335a4.857 4.857 0 0 1-.562-1.61c-.067-.396-.095-.864-.117-1.226c-.147-2.426 2.422-2.313 2.5-.188c-.035.841.357 1.937.976 2.547"/><path fill="url(#f122idk)" d="M9.11 18c.447.441 1.165.703 1.843.703c.496 0 .61-.026.89.344l-1.758.765c-.28.14-.62.14-.9 0l-2.873-1.335a4.857 4.857 0 0 1-.562-1.61c-.067-.396-.095-.864-.117-1.226c-.147-2.426 2.422-2.313 2.5-.188c-.035.841.357 1.937.976 2.547"/><path fill="url(#f122idl)" d="M9.11 18c.447.441 1.165.703 1.843.703c.496 0 .61-.026.89.344l-1.758.765c-.28.14-.62.14-.9 0l-2.873-1.335a4.857 4.857 0 0 1-.562-1.61c-.067-.396-.095-.864-.117-1.226c-.147-2.426 2.422-2.313 2.5-.188c-.035.841.357 1.937.976 2.547"/></g><path fill="url(#f122idm)" d="m27.475 17.47l-2.41-1.18c-5.31-1.43-10.1 1.02-12.86 5.29l3.47 1.71c.28.14.62.14.9 0l10.9-5.33c.2-.11.2-.39 0-.49"/><path fill="#e2dbe7" d="m20.385 18.54l-.58-.09a.237.237 0 1 0-.07.47l.58.09a.237.237 0 1 0 .07-.47"/><path fill="#e3dfe6" d="m22.775 17.43l.57.13c.13.03.25-.05.28-.18a.231.231 0 0 0-.18-.28l-.57-.13a.231.231 0 0 0-.28.18c-.02.12.06.25.18.28"/><path fill="#e1d9e7" d="m19.505 20.12l-.24.53a.235.235 0 1 0 .43.19l.24-.53c.05-.12 0-.26-.12-.31c-.12-.05-.25 0-.31.12"/><path fill="#dbd4e2" d="m16.905 21.59l.57.13c.13.03.25-.05.28-.18a.231.231 0 0 0-.18-.28l-.57-.13a.231.231 0 0 0-.28.18c-.03.12.05.25.18.28"/><path fill="#e0dce2" d="m20.725 16.63l-.36.46c-.08.1-.06.25.04.33c.1.08.25.06.33-.04l.36-.46c.08-.1.06-.25-.04-.33a.237.237 0 0 0-.33.04"/><path fill="#e2dce7" d="m22.765 19.47l.41-.41c.09-.09.09-.24 0-.33a.235.235 0 0 0-.33 0l-.41.41c-.09.09-.09.24 0 .33c.09.09.24.09.33 0"/><path fill="#d4d0d6" d="m18.085 18.1l.41-.41c.09-.09.09-.24 0-.33a.235.235 0 0 0-.33 0l-.41.41c-.09.09-.09.24 0 .33c.09.09.24.09.33 0"/><path fill="#e2dee3" d="m26.075 17.86l-.47-.35a.237.237 0 0 0-.33.04c-.08.1-.06.25.04.33l.46.36c.1.08.25.06.33-.04c.09-.11.07-.26-.03-.34"/><path fill="#ccc5d1" d="m16.415 19.74l.44-.38c.1-.08.11-.23.03-.33a.236.236 0 0 0-.33-.03l-.44.38c-.1.08-.11.23-.03.33s.23.11.33.03"/><path fill="#b2aab9" d="m14.145 20.92l.22.54c.05.12.19.18.31.13a.24.24 0 0 0 .13-.31l-.22-.54a.24.24 0 0 0-.31-.13c-.13.06-.18.2-.13.31"/><g filter="url(#f122idf)"><path fill="#68ca70" d="M17.078 9.734c-.41-.439-1.13-.336-1.531-.164c1.617-.11 1.348.775 2.46 1.367c.72.383 1.4.243 2.04.633c.687.42.734 1.61.734 1.61c.367-1.367-.703-2.07-1.328-2.164c-.625-.094-1.387-.225-2.375-1.282"/></g><g filter="url(#f122idg)"><path fill="url(#f122idn)" fill-rule="evenodd" d="M8.683 11.2c-.289 0-.734.226-.734.226c.18-.153.445-.327.734-.355a.991.991 0 0 1 .864.355c.174.217.296.476.312.726c.028.437.04 1.05-.043 1.489c-.1.541-.436 1.017-.558 1.191c0 0 .338-.773.416-1.191c.076-.407.11-1.06.068-1.489a1.066 1.066 0 0 0-.3-.675c-.278-.283-.47-.278-.759-.278" clip-rule="evenodd"/></g><g filter="url(#f122idh)"><path fill="url(#f122ido)" fill-rule="evenodd" d="M5.16 11.2c-.29 0-.735.226-.735.226c.18-.153.444-.327.734-.355a.991.991 0 0 1 .864.355c.174.217.296.476.312.726c.028.437 0 .997.103 1.27c.095.257.503.344.503.344s-.348.062-.606-.27c-.144-.186-.075-.914-.117-1.344a1.066 1.066 0 0 0-.3-.675c-.278-.283-.47-.278-.759-.278" clip-rule="evenodd"/></g><defs><linearGradient id="f122id0" x1="2.005" x2="30.045" y1="20.862" y2="20.862" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#433d55"/><stop offset=".225" stop-color="#4d3f72"/><stop offset=".43" stop-color="#4d3e72"/><stop offset=".501" stop-color="#3f276a"/><stop offset=".8" stop-color="#3e2b68"/><stop offset="1" stop-color="#2e214c"/></linearGradient><linearGradient id="f122id1" x1="15.982" x2="15.982" y1="11.731" y2="16.966" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#513468"/><stop offset="1" stop-color="#1c1c1c"/></linearGradient><linearGradient id="f122id2" x1="9.629" x2="9.629" y1="14.992" y2="20.227" gradientUnits="userSpaceOnUse"><stop offset=".006" stop-color="#513468"/><stop offset="1" stop-color="#1c1c1c"/></linearGradient><linearGradient id="f122id3" x1="10.705" x2="21.335" y1="12.125" y2="12.125" gradientUnits="userSpaceOnUse"><stop stop-color="#519d2b"/><stop offset=".513" stop-color="#49ad45"/><stop offset="1" stop-color="#3aac54"/></linearGradient><linearGradient id="f122id4" x1="11.04" x2="21" y1="13" y2="13" gradientUnits="userSpaceOnUse"><stop stop-color="#6ec04e"/><stop offset="1" stop-color="#48b15e"/></linearGradient><linearGradient id="f122id5" x1="11.625" x2="20.422" y1="14.145" y2="14.145" gradientUnits="userSpaceOnUse"><stop stop-color="#366d1e"/><stop offset="1" stop-color="#289345"/></linearGradient><linearGradient id="f122id6" x1="11.759" x2="19.875" y1="13.441" y2="13.441" gradientUnits="userSpaceOnUse"><stop stop-color="#27853f"/><stop offset=".114" stop-color="#2b9349"/><stop offset=".53" stop-color="#41ad47"/><stop offset="1" stop-color="#83de6c"/></linearGradient><linearGradient id="f122id7" x1="12.145" x2="19.915" y1="14.614" y2="14.614" gradientUnits="userSpaceOnUse"><stop stop-color="#47aa62"/><stop offset="1" stop-color="#69ca55"/></linearGradient><linearGradient id="f122id8" x1="4.016" x2="9.898" y1="12.75" y2="12.719" gradientUnits="userSpaceOnUse"><stop stop-color="#ff4425"/><stop offset=".49" stop-color="#ff491e"/><stop offset="1" stop-color="#fd733d"/></linearGradient><linearGradient id="f122id9" x1="4.375" x2="9.859" y1="13.527" y2="13.527" gradientUnits="userSpaceOnUse"><stop stop-color="#ff5c4d"/><stop offset="1" stop-color="#ff6a4f"/></linearGradient><filter id="f122ida" width="10.96" height="7.124" x="10.54" y="8.875" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32870" stdDeviation=".25"/></filter><filter id="f122idb" width="10.765" height="6.687" x="10.657" y="11.172" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32870" stdDeviation=".5"/></filter><filter id="f122idc" width="8.77" height="4.853" x="11.645" y="12.188" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32870" stdDeviation=".25"/></filter><filter id="f122idd" width="5.888" height="5.035" x="4.072" y="11.037" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32870" stdDeviation=".05"/></filter><filter id="f122ide" width="7.217" height="7.077" x="5.127" y="13.341" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32870" stdDeviation=".25"/></filter><filter id="f122idf" width="6.309" height="4.757" x="15.047" y="8.923" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32870" stdDeviation=".25"/></filter><filter id="f122idg" width="2.131" height="3.966" x="7.849" y="10.966" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32870" stdDeviation=".05"/></filter><filter id="f122idh" width="2.716" height="2.904" x="4.325" y="10.966" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_32870" stdDeviation=".05"/></filter><radialGradient id="f122idi" cx="0" cy="0" r="1" gradientTransform="matrix(1.93755 6.12499 -18.91583 5.98374 18.687 22.376)" gradientUnits="userSpaceOnUse"><stop stop-color="#55477c"/><stop offset="1" stop-color="#55477b" stop-opacity="0"/></radialGradient><radialGradient id="f122idj" cx="0" cy="0" r="1" gradientTransform="matrix(.65 10.62504 -21.15944 1.29446 15.375 14.5)" gradientUnits="userSpaceOnUse"><stop offset=".202" stop-color="#615097"/><stop offset=".825" stop-color="#605096" stop-opacity="0"/></radialGradient><radialGradient id="f122idk" cx="0" cy="0" r="1" gradientTransform="matrix(1.31247 8.125 -4.55017 .73501 9.25 15.937)" gradientUnits="userSpaceOnUse"><stop offset=".375" stop-color="#ff8871"/><stop offset=".64" stop-color="#ff4a2f"/><stop offset="1" stop-color="#bc311c"/></radialGradient><radialGradient id="f122idl" cx="0" cy="0" r="1" gradientTransform="rotate(117.073 -.243 12.329)scale(2.33453 2.40723)" gradientUnits="userSpaceOnUse"><stop stop-color="#ff6720"/><stop offset="1" stop-color="#ff6721" stop-opacity="0"/></radialGradient><radialGradient id="f122idm" cx="0" cy="0" r="1" gradientTransform="matrix(0 9.67453 -11.3575 0 23.563 19.638)" gradientUnits="userSpaceOnUse"><stop offset=".018" stop-color="#fffbff"/><stop offset=".515" stop-color="#f9f2ff"/><stop offset=".935" stop-color="#beb6c3"/></radialGradient><radialGradient id="f122idn" cx="0" cy="0" r="1" gradientTransform="matrix(1.01562 2.40625 -1.20379 .50809 9.54 11.664)" gradientUnits="userSpaceOnUse"><stop stop-color="#ff987c"/><stop offset="1" stop-color="#ff8f70" stop-opacity="0"/></radialGradient><radialGradient id="f122ido" cx="0" cy="0" r="1" gradientTransform="matrix(1.01562 2.40625 -1.20379 .50809 6.015 11.664)" gradientUnits="userSpaceOnUse"><stop stop-color="#ff987c"/><stop offset="1" stop-color="#ff8f70" stop-opacity="0"/></radialGradient></defs></g></svg>
Copy to Clipboard
Download