<svg style="color: #818cf8" xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 32 32"><g fill="none"><g filter="url(#iK7zgOc)"><path fill="#818cf8" d="M10.5 4h-.4a.1.1 0 0 1-.1-.1v-.4c0-.28-.22-.5-.5-.5s-.5.22-.5.5v.4a.1.1 0 0 1-.1.1h-.4c-.28 0-.5.22-.5.5s.22.5.5.5h.4a.1.1 0 0 1 .1.1v3.7c0 .28.22.5.5.5s.5-.22.5-.5V5.1a.1.1 0 0 1 .1-.1h.4c.28 0 .5-.22.5-.5c0-.27-.22-.5-.5-.5"/></g><path fill="url(#irFsJeb)" d="M29 30H15V16h13.03c.54 0 .97.43.97.97z"/><path fill="url(#ilJEEKM)" d="M29 30H15V16h13.03c.54 0 .97.43.97.97z"/><path fill="url(#ik4JXVd)" d="M29 30H15V16h13.03c.54 0 .97.43.97.97z"/><path fill="url(#iuKD3nd)" d="M29 30H15V16h13.03c.54 0 .97.43.97.97z"/><path fill="url(#iFtVtKc)" d="M29 30H15V16h13.03c.54 0 .97.43.97.97z"/><g filter="url(#iEr8fBW)"><path fill="url(#io27mkb)" d="m13.051 18.093l.548-1.346a1.19 1.19 0 0 1 1.116-.737L28.296 16c.487 0 .933.289 1.116.738l.538 1.315a.692.692 0 0 1-.65.947H13.69c-.497 0-.821-.468-.639-.907"/></g><path fill="#818cf8" d="M15 30H4V11.5L9.51 8L15 11.5z"/><path fill="url(#iQIEFSD)" d="M15 30H4V11.5L9.51 8L15 11.5z"/><path fill="url(#iYCjEgd)" d="M15 30H4V11.5L9.51 8L15 11.5z"/><path fill="url(#iW7KLib)" d="M15 30H4V11.5L9.51 8L15 11.5z"/><path fill="url(#iKOkKTa)" d="M15 30H4V11.5L9.51 8L15 11.5z"/><g filter="url(#ia2XZFe)"><path fill="url(#ifBxDNb)" d="M13 29H6v-3.5C6 23.57 7.57 22 9.5 22s3.5 1.57 3.5 3.5z"/></g><g filter="url(#i99ctXd)"><path fill="url(#i0sN7qe)" d="M21.01 27h-3v-4.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z"/></g><g filter="url(#ihLo7Qc)"><path fill="url(#ils2GLb)" d="M26.01 27h-3v-4.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z"/></g><g filter="url(#i5wna3p)"><path fill="url(#ils2GLb)" d="M26.01 27h-3v-4.5c0-.83.67-1.5 1.5-1.5s1.5.67 1.5 1.5z"/></g><path fill="url(#iL2Wtcc)" d="M9.5 18A2.5 2.5 0 0 1 7 15.5C7 14.121 8.121 13 9.5 13s2.5 1.121 2.5 2.5c0 1.389-1.121 2.5-2.5 2.5"/><path fill="url(#ixCbC7d)" d="M14 30H5c0-.55.45-1 1-1h7c.56 0 1 .45 1 1"/><path fill="url(#iQWkxfc)" d="M14 30H5c0-.55.45-1 1-1h7c.56 0 1 .45 1 1"/><path fill="url(#i5wia1Q)" d="M14 30H5c0-.55.45-1 1-1h7c.56 0 1 .45 1 1"/><g filter="url(#ipwMofc)"><path fill="url(#i8Bf9me)" d="M26.01 9.79v.04c0 .56-.17 1.09-.46 1.52c-.72 1-1.63 1.87-2.67 2.55c-.11.07-.24.1-.37.1s-.26-.03-.37-.1c-1.04-.68-1.95-1.55-2.67-2.55c-.29-.43-.46-.96-.46-1.52v-.04c.01-1 .81-1.79 1.8-1.79c.14 0 .29.02.42.06c.5.1.92.42 1.16.85c.03.05.07.07.12.07s.09-.02.12-.07c.24-.43.66-.75 1.16-.85c.13-.04.28-.06.42-.06c.99 0 1.79.79 1.8 1.79"/><path fill="url(#ic4jxNy)" d="M26.01 9.79v.04c0 .56-.17 1.09-.46 1.52c-.72 1-1.63 1.87-2.67 2.55c-.11.07-.24.1-.37.1s-.26-.03-.37-.1c-1.04-.68-1.95-1.55-2.67-2.55c-.29-.43-.46-.96-.46-1.52v-.04c.01-1 .81-1.79 1.8-1.79c.14 0 .29.02.42.06c.5.1.92.42 1.16.85c.03.05.07.07.12.07s.09-.02.12-.07c.24-.43.66-.75 1.16-.85c.13-.04.28-.06.42-.06c.99 0 1.79.79 1.8 1.79"/><path fill="url(#ijaOp3b)" d="M26.01 9.79v.04c0 .56-.17 1.09-.46 1.52c-.72 1-1.63 1.87-2.67 2.55c-.11.07-.24.1-.37.1s-.26-.03-.37-.1c-1.04-.68-1.95-1.55-2.67-2.55c-.29-.43-.46-.96-.46-1.52v-.04c.01-1 .81-1.79 1.8-1.79c.14 0 .29.02.42.06c.5.1.92.42 1.16.85c.03.05.07.07.12.07s.09-.02.12-.07c.24-.43.66-.75 1.16-.85c.13-.04.28-.06.42-.06c.99 0 1.79.79 1.8 1.79"/><path fill="url(#ilp6q0d)" d="M26.01 9.79v.04c0 .56-.17 1.09-.46 1.52c-.72 1-1.63 1.87-2.67 2.55c-.11.07-.24.1-.37.1s-.26-.03-.37-.1c-1.04-.68-1.95-1.55-2.67-2.55c-.29-.43-.46-.96-.46-1.52v-.04c.01-1 .81-1.79 1.8-1.79c.14 0 .29.02.42.06c.5.1.92.42 1.16.85c.03.05.07.07.12.07s.09-.02.12-.07c.24-.43.66-.75 1.16-.85c.13-.04.28-.06.42-.06c.99 0 1.79.79 1.8 1.79"/></g><g filter="url(#idCAyLb)"><path stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M8.55 4.45h2.062"/></g><g filter="url(#ic3H9Cc)"><path stroke="#818cf8" stroke-linecap="round" stroke-width="1.5" d="M9.581 3.328v4.016"/></g><g filter="url(#i5hDilw)"><path fill="url(#iCaqdwe)" d="m3.388 13.133l5.513-3.936c.36-.26.849-.26 1.208 0l5.513 3.936a.871.871 0 1 0 1.009-1.418L10.449 7.3c-.57-.4-1.328-.4-1.898 0L2.37 11.714c-.23.16-.37.43-.37.71c.01.709.819 1.128 1.388.709"/></g><defs><linearGradient id="irFsJeb" x1="16.62" x2="30.62" y1="23.002" y2="23.002" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB19B"/><stop offset="1" stop-color="#FFAD9A"/></linearGradient><linearGradient id="ilJEEKM" x1="22" x2="22" y1="18.871" y2="19.191" gradientUnits="userSpaceOnUse"><stop stop-color="#B55A62"/><stop offset="1" stop-color="#B55A62" stop-opacity="0"/></linearGradient><linearGradient id="ik4JXVd" x1="28.856" x2="27.355" y1="24.09" y2="24.09" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD3AF"/><stop offset="1" stop-color="#FFD3AF" stop-opacity="0"/></linearGradient><linearGradient id="iuKD3nd" x1="29" x2="28.586" y1="23.775" y2="23.775" gradientUnits="userSpaceOnUse"><stop offset=".415" stop-color="#FDCDAD"/><stop offset="1" stop-color="#FDCDAD" stop-opacity="0"/></linearGradient><linearGradient id="iFtVtKc" x1="15" x2="15.951" y1="24.722" y2="24.722" gradientUnits="userSpaceOnUse"><stop stop-color="#E37E6A"/><stop offset="1" stop-color="#E37E6A" stop-opacity="0"/></linearGradient><linearGradient id="io27mkb" x1="21.5" x2="21.5" y1="16.19" y2="19" gradientUnits="userSpaceOnUse"><stop stop-color="#EA376F"/><stop offset="1" stop-color="#E0296A"/></linearGradient><linearGradient id="iQIEFSD" x1="15" x2="13.608" y1="21.099" y2="21.099" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCBA9"/><stop offset="1" stop-color="#FFCBA9" stop-opacity="0"/></linearGradient><linearGradient id="iYCjEgd" x1="12.655" x2="12.164" y1="10.763" y2="11.462" gradientUnits="userSpaceOnUse"><stop stop-color="#C1424F"/><stop offset="1" stop-color="#C1424F" stop-opacity="0"/></linearGradient><linearGradient id="iW7KLib" x1="4" x2="5.11" y1="21.324" y2="21.324" gradientUnits="userSpaceOnUse"><stop stop-color="#B47A6D"/><stop offset="1" stop-color="#B47A6D" stop-opacity="0"/></linearGradient><linearGradient id="ifBxDNb" x1="6" x2="13" y1="26.419" y2="26.476" gradientUnits="userSpaceOnUse"><stop stop-color="#492454"/><stop offset="1" stop-color="#46204C"/></linearGradient><linearGradient id="i0sN7qe" x1="18.168" x2="22.332" y1="27" y2="22.549" gradientUnits="userSpaceOnUse"><stop stop-color="#51DCFF"/><stop offset="1" stop-color="#4DB9FC"/></linearGradient><linearGradient id="ils2GLb" x1="23.168" x2="27.332" y1="27" y2="22.549" gradientUnits="userSpaceOnUse"><stop stop-color="#51DCFF"/><stop offset="1" stop-color="#4DB9FC"/></linearGradient><linearGradient id="iL2Wtcc" x1="7.09" x2="11.913" y1="16.153" y2="14.861" gradientUnits="userSpaceOnUse"><stop stop-color="#08A8EA"/><stop offset=".212" stop-color="#1EBFEE"/><stop offset=".519" stop-color="#37DAF4"/><stop offset=".792" stop-color="#47EAF7"/><stop offset="1" stop-color="#4CF0F8"/></linearGradient><linearGradient id="ixCbC7d" x1="9.505" x2="9.505" y1="30" y2="28.454" gradientUnits="userSpaceOnUse"><stop stop-color="#9D92AA"/><stop offset="1" stop-color="#7E7987"/></linearGradient><linearGradient id="iQWkxfc" x1="5" x2="5.839" y1="29.89" y2="29.89" gradientUnits="userSpaceOnUse"><stop stop-color="#796F81"/><stop offset="1" stop-color="#796F81" stop-opacity="0"/></linearGradient><linearGradient id="i5wia1Q" x1="14" x2="13.251" y1="30" y2="30" gradientUnits="userSpaceOnUse"><stop stop-color="#B6AEBC"/><stop offset="1" stop-color="#B6AEBC" stop-opacity="0"/></linearGradient><linearGradient id="i8Bf9me" x1="22.51" x2="22.51" y1="8" y2="13.664" gradientUnits="userSpaceOnUse"><stop stop-color="#E93178"/><stop offset="1" stop-color="#E41D4A"/></linearGradient><linearGradient id="iCaqdwe" x1="2" x2="17" y1="10.502" y2="10.502" gradientUnits="userSpaceOnUse"><stop stop-color="#F23449"/><stop offset="1" stop-color="#EB335C"/></linearGradient><filter id="iK7zgOc" width="3.25" height="6.3" x="8" y="3" 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=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.45098 0 0 0 0 0.227451 0 0 0 0 0.278431 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_6910"/></filter><filter id="iEr8fBW" width="17.25" height="3.2" x="12.75" y="15.8" 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="-.25"/><feGaussianBlur stdDeviation=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.992157 0 0 0 0 0.356863 0 0 0 0 0.556863 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_6910"/><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="-.2"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.705882 0 0 0 0 0.211765 0 0 0 0 0.407843 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_6910" result="effect2_innerShadow_18_6910"/></filter><filter id="ia2XZFe" width="7.9" height="7.25" x="5.5" y="22" 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=".4"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.309804 0 0 0 0 0.180392 0 0 0 0 0.364706 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_6910"/><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="-.5" dy=".25"/><feGaussianBlur stdDeviation=".4"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.14902 0 0 0 0 0.117647 0 0 0 0 0.176471 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_6910" result="effect2_innerShadow_18_6910"/></filter><filter id="i99ctXd" width="3.5" height="6.25" x="17.76" y="21" 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=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.341176 0 0 0 0 0.964706 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_6910"/><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="-.25" dy=".25"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.165625 0 0 0 0 0.589906 0 0 0 0 0.883333 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_6910" result="effect2_innerShadow_18_6910"/></filter><filter id="ihLo7Qc" width="3.5" height="6.25" x="22.76" y="21" 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=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.341176 0 0 0 0 0.964706 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_6910"/><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="-.25" dy=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.209063 0 0 0 0 0.63476 0 0 0 0 0.929167 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_6910" result="effect2_innerShadow_18_6910"/></filter><filter id="i5wna3p" width="3.5" height="6.25" x="22.76" y="21" 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=".25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.341176 0 0 0 0 0.964706 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_6910"/><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="-.25" dy=".25"/><feGaussianBlur stdDeviation=".3"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.165625 0 0 0 0 0.589906 0 0 0 0 0.883333 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_6910" result="effect2_innerShadow_18_6910"/></filter><filter id="ipwMofc" width="7.75" height="6.1" x="19.01" y="7.9" 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=".8" dy="-.1"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.74902 0 0 0 0 0.137255 0 0 0 0 0.254902 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_6910"/></filter><filter id="idCAyLb" width="3.162" height="1.1" x="8" y="3.9" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_6910" stdDeviation=".2"/></filter><filter id="ic3H9Cc" width="1.1" height="5.116" x="9.031" y="2.778" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_6910" stdDeviation=".2"/></filter><filter id="i5hDilw" width="15.4" height="6.7" x="1.85" y="6.75" 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=".25" dy="-.25"/><feGaussianBlur stdDeviation=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.662745 0 0 0 0 0.152941 0 0 0 0 0.207843 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_6910"/><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=".125"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.298039 0 0 0 0 0.407843 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_6910" result="effect2_innerShadow_18_6910"/></filter><radialGradient id="iKOkKTa" cx="0" cy="0" r="1" gradientTransform="matrix(-1.25487 0 0 -2.04182 15.479 12.552)" gradientUnits="userSpaceOnUse"><stop stop-color="#C03E47"/><stop offset="1" stop-color="#C03E47" stop-opacity="0"/></radialGradient><radialGradient id="ic4jxNy" cx="0" cy="0" r="1" gradientTransform="matrix(.76563 -1.3875 .82176 .45345 23.021 8.337)" gradientUnits="userSpaceOnUse"><stop stop-color="#BC2E4F"/><stop offset="1" stop-color="#BC2E4F" stop-opacity="0"/></radialGradient><radialGradient id="ijaOp3b" cx="0" cy="0" r="1" gradientTransform="rotate(138.156 11.29 9.46)scale(2.64201 3.57526)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4D84"/><stop offset="1" stop-color="#FF4D84" stop-opacity="0"/></radialGradient><radialGradient id="ilp6q0d" cx="0" cy="0" r="1" gradientTransform="rotate(141.985 9.082 8.38)scale(1.1569 1.57134)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4D84"/><stop offset="1" stop-color="#FF4D84" stop-opacity="0"/></radialGradient></defs></g></svg>Icons in Action
WEB APPLICATION HEADER & NAVIGATION
my-app.com/dashboard
Dashboard
Analytics
Settings
Overview Dashboard
PROGRESS STEPPER
3
BUTTON UI ACTIONS
SCALABILITY & CLARITY
12px
16px
24px
32px
48px
“
Highly adaptable, clean vectors that scale perfectly across modern UI components, navigation bars, and mobile actions. Perfectly pre-vetted for production deployment.
IconSearch Presets
Frequently Asked Questions
Q.How do I use this icon in my React/Next.js project?
You have two choices: install the official package listed under the "REACT IMPORT" tab (e.g. npm install @iconify/react) and import the icon directly, or copy the complete React Component code from the "STANDALONE JSX" tab and paste it directly into a local file (e.g. WeddingIcon.tsx) to avoid installing any npm packages.
Q.Is this icon free for commercial use?
Yes. This icon is published under the open-source **MIT** license. The license grants full permissions for personal and commercial usage (e.g., in SaaS platforms, client projects, or business landing pages). Attributing the icon creator is generally not required for MIT/ISC licenses, but check details on our dedicated License Guide.
Q.What is the "Download SVG without fill color" toggle?
Many SVGs ship with inline fill="..." attributes. By checking this toggle, we strip these attributes and enforce fill="none", making the SVG fully styleable via CSS classes or Tailwind utility classes like fill-current.