dim-button

MulticolorMIT

96px

16px

24px

32px

48px

64px

fluent-emoji:dim-button

Download & copy

PNG at 96px — set under Size

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="96" height="96" viewBox="0 0 32 32"><g fill="none"><g filter="url(#i69vLje14)"><path fill="#FF9B5A" d="M16 23.865c-4.54 0-8.23-3.69-8.23-8.23s3.69-8.23 8.23-8.23s8.23 3.69 8.23 8.23s-3.69 8.23-8.23 8.23m0-13.47a5.24 5.24 0 0 0-5.23 5.23a5.24 5.24 0 0 0 5.23 5.23a5.24 5.24 0 0 0 5.23-5.23c0-2.88-2.34-5.23-5.23-5.23"/></g><g filter="url(#iROX0be14)"><path fill="url(#ip0xE6d14)" d="M9.3 7.325a1.91 1.91 0 1 1-3.82 0a1.91 1.91 0 0 1 3.82 0"/></g><g filter="url(#iASUlBc14)"><path fill="url(#iSHcyXM14)" d="M4.04 17.755a1.91 1.91 0 1 0 0-3.82a1.91 1.91 0 0 0 0 3.82"/></g><g filter="url(#iQAA21T14)"><path fill="url(#ismGLbe14)" d="M9.61 24.245a1.91 1.91 0 1 1-3.82 0a1.91 1.91 0 0 1 3.82 0"/></g><g filter="url(#i4fLTpb14)"><path fill="url(#iwtadhb14)" d="M16.22 29.495a1.91 1.91 0 1 0 0-3.82a1.91 1.91 0 0 0 0 3.82"/></g><g filter="url(#iIUOgod14)"><path fill="url(#ii2oOAb14)" d="M26.53 23.935a1.91 1.91 0 1 1-3.82 0a1.91 1.91 0 0 1 3.82 0"/></g><g filter="url(#iHN5Adb14)"><path fill="url(#i6e4EWC14)" d="M27.96 17.315a1.91 1.91 0 1 0 0-3.82a1.91 1.91 0 0 0 0 3.82"/></g><g filter="url(#ikbtwcc14)"><path fill="url(#iKM0zpe14)" d="M26.22 7.015a1.91 1.91 0 1 1-3.82 0a1.91 1.91 0 0 1 3.82 0"/></g><g filter="url(#iWG2UBa14)"><path fill="url(#iqtFbhz14)" d="M15.78 5.575a1.91 1.91 0 1 0 0-3.82a1.91 1.91 0 0 0 0 3.82"/></g><g filter="url(#irYx3zb14)"><ellipse cx="16.249" cy="15.272" stroke="url(#ioAPSwe14)" rx="6.811" ry="6.816"/><ellipse cx="16.249" cy="15.272" stroke="url(#iIVxROd14)" rx="6.811" ry="6.816"/></g><defs><filter id="i69vLje14" width="17.46" height="17.46" x="7.77" y="6.405" 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 1 0 0 0 0 0.466667 0 0 0 0 0.305882 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1588"/><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="-.25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.933333 0 0 0 0 0.345098 0 0 0 0 0.215686 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_1588" result="effect2_innerShadow_18590_1588"/><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=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.501961 0 0 0 0 0.25098 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18590_1588" result="effect3_innerShadow_18590_1588"/><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=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.913725 0 0 0 0 0.396078 0 0 0 0 0.184314 0 0 0 1 0"/><feBlend in2="effect3_innerShadow_18590_1588" result="effect4_innerShadow_18590_1588"/></filter><filter id="iROX0be14" width="4.22" height="4.22" x="5.48" y="5.015" 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" dy="-.4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1588"/></filter><filter id="iASUlBc14" width="4.22" height="4.22" x="2.13" y="13.535" 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" dy="-.4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1588"/></filter><filter id="iQAA21T14" width="4.22" height="4.22" x="5.79" y="21.935" 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" dy="-.4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1588"/></filter><filter id="i4fLTpb14" width="4.22" height="4.22" x="14.31" y="25.275" 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" dy="-.4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1588"/></filter><filter id="iIUOgod14" width="4.22" height="4.22" x="22.71" y="21.625" 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" dy="-.4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1588"/></filter><filter id="iHN5Adb14" width="4.22" height="4.22" x="26.05" y="13.095" 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" dy="-.4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1588"/></filter><filter id="ikbtwcc14" width="4.22" height="4.22" x="22.4" y="4.705" 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" dy="-.4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1588"/></filter><filter id="iWG2UBa14" width="4.22" height="4.22" x="13.87" y="1.355" 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" dy="-.4"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.380392 0 0 0 0 0.32549 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_1588"/></filter><filter id="irYx3zb14" width="15.921" height="15.931" x="8.288" y="7.306" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_1588" stdDeviation=".325"/></filter><radialGradient id="ip0xE6d14" cx="0" cy="0" r="1" gradientTransform="rotate(137.891 2.965 4.907)scale(2.1904)" gradientUnits="userSpaceOnUse"><stop offset=".151" stop-color="#FFBF76"/><stop offset="1" stop-color="#FF9250"/></radialGradient><radialGradient id="iSHcyXM14" cx="0" cy="0" r="1" gradientTransform="rotate(137.891 -.35 8.523)scale(2.1904)" gradientUnits="userSpaceOnUse"><stop offset=".151" stop-color="#FFBF76"/><stop offset="1" stop-color="#FF9250"/></radialGradient><radialGradient id="ismGLbe14" cx="0" cy="0" r="1" gradientTransform="rotate(137.891 -.137 13.427)scale(2.1904)" gradientUnits="userSpaceOnUse"><stop offset=".151" stop-color="#FFBF76"/><stop offset="1" stop-color="#FF9250"/></radialGradient><radialGradient id="iwtadhb14" cx="0" cy="0" r="1" gradientTransform="rotate(137.891 3.48 16.737)scale(2.1904)" gradientUnits="userSpaceOnUse"><stop offset=".151" stop-color="#FFBF76"/><stop offset="1" stop-color="#FF9250"/></radialGradient><radialGradient id="ii2oOAb14" cx="0" cy="0" r="1" gradientTransform="rotate(137.891 8.383 16.529)scale(2.1904)" gradientUnits="userSpaceOnUse"><stop offset=".151" stop-color="#FFBF76"/><stop offset="1" stop-color="#FF9250"/></radialGradient><radialGradient id="i6e4EWC14" cx="0" cy="0" r="1" gradientTransform="rotate(137.891 11.695 12.907)scale(2.1904)" gradientUnits="userSpaceOnUse"><stop offset=".151" stop-color="#FFBF76"/><stop offset="1" stop-color="#FF9250"/></radialGradient><radialGradient id="iKM0zpe14" cx="0" cy="0" r="1" gradientTransform="rotate(137.891 11.485 8.01)scale(2.1904)" gradientUnits="userSpaceOnUse"><stop offset=".151" stop-color="#FFBF76"/><stop offset="1" stop-color="#FF9250"/></radialGradient><radialGradient id="iqtFbhz14" cx="0" cy="0" r="1" gradientTransform="rotate(137.891 7.864 4.692)scale(2.1904)" gradientUnits="userSpaceOnUse"><stop offset=".151" stop-color="#FFBF76"/><stop offset="1" stop-color="#FF9250"/></radialGradient><linearGradient id="ioAPSwe14" x1="21.228" x2="16.244" y1="9.428" y2="15.268" gradientUnits="userSpaceOnUse"><stop stop-color="#FFBE77"/><stop offset="1" stop-color="#FFBE77" stop-opacity="0"/></linearGradient><linearGradient id="iIVxROd14" x1="11.332" x2="14.006" y1="20.851" y2="17.328" gradientUnits="userSpaceOnUse"><stop stop-color="#FFBE77"/><stop offset="1" stop-color="#FFBE77" stop-opacity="0"/></linearGradient></defs></g></svg>

Shortcuts: C copy SVG · D download · R rotate · H/V flip · ← → previous/next icon · 0 reset

Fluent Emoji · by Microsoft Corporation · 3,126 icons · MIT

Browse all Fluent Emoji

Related icons

Similar icons from Fluent Emoji

View all

a-button-blood-type ab-button-blood-type b-button-blood-type black-square-button bright-button check-mark-button cl-button cool-button counterclockwise-arrows-button cross-mark-button downwards-button eject-button fast-down-button fast-forward-button fast-reverse-button fast-up-button free-button id-button