bento-box

pnpm dlx shadcn@latest add https://opensourceicon.com/r/fluent-emoji/bento-box.json

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 32 32"><g fill="none"><path fill="url(#iIBOLRz)" 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(#iecZ5sc)" 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(#ixWoVmd)" 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(#i5fDspc)" 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.86.86 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(#inFkSdd)" 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.91.91 0 0 0-.79 0"/><path fill="url(#i8dfWFd)" 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-.8s-1.27.31-1.65.8c-.41.51-1 .84-1.65.87h-.04c-1.05.06-1.89.91-1.97 1.95q0 .031-.005.065l-.005.065c0 .477.112.927.312 1.325l.01.02a2.9 2.9 0 0 0 .72.91l1.302.64q.299.065.616.065h4.7q.26.001.507-.04l1.525-.751a3 3 0 0 0 .615-.815c.207-.403.323-.86.323-1.344"/><g filter="url(#i0NFj5b)"><path fill="url(#i50s9ji)" 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.98 1.98 0 0 0-1.546-.73a1.97 1.97 0 0 0-1.546.73a2.14 2.14 0 0 1-1.546.794h-.038c-.984.055-1.77.83-1.846 1.78q0 .027-.004.059q-.005.03-.005.06c0 .434.105.845.292 1.208l.01.018a2.7 2.7 0 0 0 .674.831l1.22.585q.28.058.577.059h4.404q.243 0 .475-.037l1.43-.685a2.7 2.7 0 0 0 .576-.744A2.6 2.6 0 0 0 21 12.806"/></g><g filter="url(#iw5HQZd)"><path fill="url(#i12lELe)" 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.616q-.01.069-.014.139c-.015.199-.264.394-.231.58l3.854 1.857c.288.14.638.14.927 0l3.954-1.905a2.37 2.37 0 0 0-.184-1.333c-.36-.786-1.145-1.275-2.061-1.336a2.5 2.5 0 0 0-.762.06a2.5 2.5 0 0 0-.646.268"/></g><path fill="url(#iAPpfed)" d="M17.32 12.32a2.5 2.5 0 0 0-.605.25c-.42.25-.95.25-1.37 0l-.076-.044a2.3 2.3 0 0 0-1.304-.276a2.384 2.384 0 0 0-2.172 2.777l3.742 1.843c.28.14.62.14.9 0l3.84-1.89a2.4 2.4 0 0 0-.179-1.325a2.385 2.385 0 0 0-2.776-1.335"/><g filter="url(#iziknxb)"><path fill="url(#icLCtIW)" d="M17.204 12.75q-.294.07-.551.204a1.35 1.35 0 0 1-1.246 0a2.2 2.2 0 0 0-.645-.226a2.4 2.4 0 0 0-.61-.034c-.788.048-1.466.484-1.795 1.094l-.013.025a1.76 1.76 0 0 0-.168 1.142l3.404 1.5c.254.114.564.114.818 0l3.493-1.54a1.75 1.75 0 0 0-.163-1.078c-.318-.635-1.011-1.094-1.82-1.143a2.4 2.4 0 0 0-.704.056"/></g><path fill="url(#iLyeGgd)" d="M9.266 17.747a2.47 2.47 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.5 5.5 0 0 1-.594-1.717a4.7 4.7 0 0 1-.085-.886a.67.67 0 0 0-.254-.55a2.97 2.97 0 0 1-1.169-2.351v-.91c0-.67.54-1.23 1.22-1.23s1.23.55 1.23 1.23v.91c0 .28.23.51.51.51s.51-.23.51-.51v-.91c0-.67.56-1.23 1.24-1.23s1.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(#i0yWGKb)"><path fill="url(#iCTxoGd)" 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(#iEC1i5B)"><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.9 4.9 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(#izFgLJM)" 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.9 4.9 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(#iwB3v6b)" 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.9 4.9 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(#iejSNda)" 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.23.23 0 0 0-.18-.28l-.57-.13a.23.23 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-.31s-.25 0-.31.12"/><path fill="#DBD4E2" d="m16.905 21.59l.57.13c.13.03.25-.05.28-.18a.23.23 0 0 0-.18-.28l-.57-.13a.23.23 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.33s.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 .33s.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 .33s.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(#iIdSlIn)"><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.164s-1.387-.225-2.375-1.282"/></g><g filter="url(#iCnHjKd)"><path fill="url(#ixjfHqH)" fill-rule="evenodd" d="M8.683 11.2c-.289 0-.734.226-.734.226c.18-.153.445-.327.734-.355a.99.99 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.07 1.07 0 0 0-.3-.675c-.278-.283-.47-.278-.759-.278" clip-rule="evenodd"/></g><g filter="url(#igttdkb)"><path fill="url(#ibAzgye)" fill-rule="evenodd" d="M5.16 11.2c-.29 0-.735.226-.735.226c.18-.153.444-.327.734-.355a.99.99 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.07 1.07 0 0 0-.3-.675c-.278-.283-.47-.278-.759-.278" clip-rule="evenodd"/></g><defs><linearGradient id="iIBOLRz" 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="i5fDspc" 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="inFkSdd" 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="i8dfWFd" 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="i50s9ji" x1="11.04" x2="21" y1="13" y2="13" gradientUnits="userSpaceOnUse"><stop stop-color="#6EC04E"/><stop offset="1" stop-color="#48B15E"/></linearGradient><linearGradient id="i12lELe" 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="iAPpfed" 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="icLCtIW" 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="iLyeGgd" 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="iCTxoGd" 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="i0NFj5b" 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="iw5HQZd" 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="iziknxb" 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="i0yWGKb" 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="iEC1i5B" 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="iIdSlIn" 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="iCnHjKd" 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="igttdkb" 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="iecZ5sc" 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="ixWoVmd" 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="izFgLJM" 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="iwB3v6b" 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="iejSNda" 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="ixjfHqH" 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="ibAzgye" 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>