Show all available icon sets

Show all icons from Fluent Emoji

Fluent Emoji

Author:: Microsoft Corporation

License:: MIT

fluent-emoji:artist-palette

Code for "artist-palette" for developers:

SVG HTML React Vue Svelte Ember

SVG SVG with viewBox rectangle SVG as data: URI

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g filter="url(#f38id0)"><path fill="url(#f38idc)" d="M22.053 6.114C15.279 2.734 7.25 4.039 3.592 9.95c-3.659 5.912-1.329 13.78 5.207 17.572c3.211 1.863 8.395 3.766 10.501 1.228c2.065-2.486-.98-4.06-.27-5.437c1.144-2.213 6.262.69 9.61-2.887c3.771-4.034.008-11.021-6.587-14.313Zm2.027 12.991c-1.763 0-3.03-1.258-3.03-2.965c0-1.706 1.267-2.964 3.03-2.964c1.762 0 3.03 1.258 3.03 2.964c0 1.707-1.268 2.965-3.03 2.965Z"/></g><g filter="url(#f38id1)"><path fill="#CB758C" d="M8.107 15.344a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38Z"/></g><g filter="url(#f38id2)"><path fill="#CB758C" d="M14.084 11.32a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38Z"/></g><g filter="url(#f38id3)"><path fill="#CB758C" d="M13.592 26.951a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38Z"/></g><g filter="url(#f38id4)"><path fill="#EDB88B" d="M8.449 21.951a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38Z"/></g><g filter="url(#f38id5)"><path fill="#EDB88B" d="M8.527 14.982a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38Z"/></g><g filter="url(#f38id6)"><path fill="#EDB88B" d="M14.699 10.963a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38Z"/></g><g filter="url(#f38id7)"><path fill="url(#f38idd)" d="M14.39 11.281a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5Z"/></g><g filter="url(#f38id8)"><path fill="url(#f38ide)" d="M8.39 15.281a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5Z"/></g><g filter="url(#f38id9)"><path fill="#CB758C" d="M8.107 22.443a2.19 2.19 0 1 0 0-4.38a2.19 2.19 0 0 0 0 4.38Z"/></g><g filter="url(#f38ida)"><path fill="url(#f38idf)" d="M8.39 22.281a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5Z"/></g><g filter="url(#f38idb)"><path fill="url(#f38idg)" d="M13.89 26.781a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5Z"/></g><defs><filter id="f38id0" width="29.029" height="26.295" x="1.561" y="3.981" 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=".45" dy=".3"/><feGaussianBlur stdDeviation=".225"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.647059 0 0 0 0 0.458824 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_4328"/><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=".3" dy="-.3"/><feGaussianBlur stdDeviation=".225"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.937255 0 0 0 0 0.501961 0 0 0 0 0.588235 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"/><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="-.3" dy=".3"/><feGaussianBlur stdDeviation=".225"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.835294 0 0 0 0 0.615686 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_4328" result="effect3_innerShadow_18_4328"/></filter><filter id="f38id1" width="5.381" height="5.381" x="5.417" y="10.463" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"/></filter><filter id="f38id2" width="5.381" height="5.381" x="11.394" y="6.44" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"/></filter><filter id="f38id3" width="5.381" height="5.381" x="10.902" y="22.07" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"/></filter><filter id="f38id4" width="5.381" height="5.381" x="5.759" y="17.07" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"/></filter><filter id="f38id5" width="5.381" height="5.381" x="5.837" y="10.102" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"/></filter><filter id="f38id6" width="5.381" height="5.381" x="12.009" y="6.082" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"/></filter><filter id="f38id7" width="5.1" height="4.8" x="11.839" y="6.781" 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="-.3" dy=".3"/><feGaussianBlur stdDeviation=".225"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.87451 0 0 0 0 0.490196 0 0 0 0 0.984314 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_4328"/><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=".3"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.635294 0 0 0 0 0.258824 0 0 0 0 0.639216 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"/></filter><filter id="f38id8" width="5.1" height="4.8" x="5.839" y="10.781" 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="-.3" dy=".3"/><feGaussianBlur stdDeviation=".225"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.34902 0 0 0 0 0.619608 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_4328"/><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=".3"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.807843 0 0 0 0 0.172549 0 0 0 0 0.415686 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"/></filter><filter id="f38id9" width="5.381" height="5.381" x="5.417" y="17.563" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_4328" stdDeviation=".25"/></filter><filter id="f38ida" width="5.1" height="4.8" x="5.839" y="17.781" 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="-.3" dy=".3"/><feGaussianBlur stdDeviation=".225"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.364706 0 0 0 0 0.894118 0 0 0 0 0.737255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_4328"/><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=".3"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.247059 0 0 0 0 0.533333 0 0 0 0 0.694118 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"/></filter><filter id="f38idb" width="5.1" height="4.8" x="11.339" y="22.281" 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="-.3" dy=".3"/><feGaussianBlur stdDeviation=".225"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.364706 0 0 0 0 0.752941 0 0 0 0 0.945098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_4328"/><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=".3"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.266667 0 0 0 0 0.4 0 0 0 0 0.917647 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_4328" result="effect2_innerShadow_18_4328"/></filter><linearGradient id="f38idc" x1="24.08" x2="13.725" y1="7.184" y2="29.717" gradientUnits="userSpaceOnUse"><stop stop-color="#FFB9A1"/><stop offset="1" stop-color="#FFB4AD"/></linearGradient><linearGradient id="f38idd" x1="13.072" x2="15.139" y1="6.781" y2="11.793" gradientUnits="userSpaceOnUse"><stop stop-color="#CC67F1"/><stop offset="1" stop-color="#C950FC"/></linearGradient><linearGradient id="f38ide" x1="7.072" x2="9.139" y1="10.781" y2="15.793" gradientUnits="userSpaceOnUse"><stop stop-color="#F9399F"/><stop offset="1" stop-color="#FD328C"/></linearGradient><linearGradient id="f38idf" x1="7.072" x2="9.139" y1="17.781" y2="22.793" gradientUnits="userSpaceOnUse"><stop stop-color="#47CFA8"/><stop offset="1" stop-color="#48ABEB"/></linearGradient><linearGradient id="f38idg" x1="12.572" x2="14.639" y1="22.281" y2="27.293" gradientUnits="userSpaceOnUse"><stop stop-color="#49B1F1"/><stop offset="1" stop-color="#4982FE"/></linearGradient></defs></g></svg>

Download SVG

Data for icons is open source and is available for everyone to use. You can use it with various icon components, create your own components that use Iconify as source or just export raw SVGs.

All icons are validated, cleaned up and automatically kept up to date.

About Iconify

Iconify gives you freedom to choose icons, while using same open source icon components and tools.

Visit Iconify website to learn more about the project.