id button emoji
id-button from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.
- Name
- id-button
- Set
- Fluent Emoji
- Style
- Default
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
Use the id button emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><path id="i90JTQW" d="M14.05 7.706c-.76 0-1.376.615-1.376 1.375V22.67c0 .759.616 1.374 1.375 1.374h3.305c4.55 0 8.278-3.637 8.278-8.169s-3.727-8.17-8.279-8.17zm1.474 13.589a.1.1 0 0 1-.1-.1v-10.64a.1.1 0 0 1 .1-.1h1.83c3.073 0 5.528 2.447 5.528 5.42s-2.455 5.42-5.529 5.42zM10.43 9.18a1.375 1.375 0 1 0-2.75.004l.014 13.385a1.375 1.375 0 1 0 2.75-.003z"/></defs><g fill="none"><g filter="url(#iknnOub)"><rect width="27.875" height="27.875" x="2.301" y="1.938" fill="url(#iOzRQWo)" rx="3.6"/><rect width="27.875" height="27.875" x="2.301" y="1.938" fill="url(#iB836De)" rx="3.6"/></g><g filter="url(#iY3u8vd)"><path stroke="url(#iJHOXod)" stroke-linecap="round" stroke-width="1.5" d="M28.489 4.438v22.875"/></g><g filter="url(#iiy8aue)"><path stroke="url(#iNqrT0d)" stroke-linecap="round" stroke-width="1.5" d="M5.765 3.75h21.781"/></g><g fill="#6A4EBE" filter="url(#i3wFZEc)"><use href="#i90JTQW"/></g><g fill="#FCF2FF" filter="url(#ikZA0ke)"><use href="#i90JTQW"/></g><defs><filter id="iknnOub" width="29.875" height="28.875" x="2.301" y=".938" 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="2" dy="-1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.298039 0 0 0 0 0.235294 0 0 0 0 0.6 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_2382"/><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="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.352941 0 0 0 0 0.211765 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_2382" result="effect2_innerShadow_18590_2382"/></filter><filter id="iY3u8vd" width="5.5" height="28.375" x="25.739" y="1.688" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2382" stdDeviation="1"/></filter><filter id="iiy8aue" width="27.281" height="5.5" x="3.015" y="1" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2382" stdDeviation="1"/></filter><filter id="i3wFZEc" width="19.952" height="18.339" x="6.68" y="6.706" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2382" stdDeviation=".5"/></filter><filter id="ikZA0ke" width="18.752" height="17.139" x="7.28" y="7.306" 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=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.913725 0 0 0 0 0.886275 0 0 0 0 0.968627 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_2382"/><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=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_2382" result="effect2_innerShadow_18590_2382"/></filter><linearGradient id="iOzRQWo" x1="16.239" x2="16.239" y1="5.512" y2="38.765" gradientUnits="userSpaceOnUse"><stop stop-color="#9865EE"/><stop offset="1" stop-color="#7764C6"/></linearGradient><linearGradient id="iJHOXod" x1="28.989" x2="28.989" y1="4.438" y2="27.313" gradientUnits="userSpaceOnUse"><stop stop-color="#AE7EFF"/><stop offset="1" stop-color="#8777D6"/></linearGradient><linearGradient id="iNqrT0d" x1="28.703" x2="3.171" y1="4" y2="4" gradientUnits="userSpaceOnUse"><stop stop-color="#A672FF"/><stop offset="1" stop-color="#9A6CEB"/></linearGradient><radialGradient id="iB836De" cx="0" cy="0" r="1" gradientTransform="matrix(-1.56249 1.46876 -1.71548 -1.82495 27.957 4.031)" gradientUnits="userSpaceOnUse"><stop stop-color="#BB8DFF"/><stop offset="1" stop-color="#BB8DFF" stop-opacity="0"/></radialGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiIdButton(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><path id="i90JTQW" d="M14.05 7.706c-.76 0-1.376.615-1.376 1.375V22.67c0 .759.616 1.374 1.375 1.374h3.305c4.55 0 8.278-3.637 8.278-8.169s-3.727-8.17-8.279-8.17zm1.474 13.589a.1.1 0 0 1-.1-.1v-10.64a.1.1 0 0 1 .1-.1h1.83c3.073 0 5.528 2.447 5.528 5.42s-2.455 5.42-5.529 5.42zM10.43 9.18a1.375 1.375 0 1 0-2.75.004l.014 13.385a1.375 1.375 0 1 0 2.75-.003z"/></defs><g fill="none"><g filter="url(#iknnOub)"><rect width="27.875" height="27.875" x="2.301" y="1.938" fill="url(#iOzRQWo)" rx="3.6"/><rect width="27.875" height="27.875" x="2.301" y="1.938" fill="url(#iB836De)" rx="3.6"/></g><g filter="url(#iY3u8vd)"><path stroke="url(#iJHOXod)" strokeLinecap="round" strokeWidth="1.5" d="M28.489 4.438v22.875"/></g><g filter="url(#iiy8aue)"><path stroke="url(#iNqrT0d)" strokeLinecap="round" strokeWidth="1.5" d="M5.765 3.75h21.781"/></g><g fill="#6A4EBE" filter="url(#i3wFZEc)"><use href="#i90JTQW"/></g><g fill="#FCF2FF" filter="url(#ikZA0ke)"><use href="#i90JTQW"/></g><defs><filter id="iknnOub" width="29.875" height="28.875" x="2.301" y=".938" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="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="2" dy="-1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.298039 0 0 0 0 0.235294 0 0 0 0 0.6 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_2382"/><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="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.352941 0 0 0 0 0.211765 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_2382" result="effect2_innerShadow_18590_2382"/></filter><filter id="iY3u8vd" width="5.5" height="28.375" x="25.739" y="1.688" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2382" stdDeviation="1"/></filter><filter id="iiy8aue" width="27.281" height="5.5" x="3.015" y="1" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2382" stdDeviation="1"/></filter><filter id="i3wFZEc" width="19.952" height="18.339" x="6.68" y="6.706" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2382" stdDeviation=".5"/></filter><filter id="ikZA0ke" width="18.752" height="17.139" x="7.28" y="7.306" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="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=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.913725 0 0 0 0 0.886275 0 0 0 0 0.968627 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_2382"/><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=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_2382" result="effect2_innerShadow_18590_2382"/></filter><linearGradient id="iOzRQWo" x1="16.239" x2="16.239" y1="5.512" y2="38.765" gradientUnits="userSpaceOnUse"><stop stopColor="#9865EE"/><stop offset="1" stopColor="#7764C6"/></linearGradient><linearGradient id="iJHOXod" x1="28.989" x2="28.989" y1="4.438" y2="27.313" gradientUnits="userSpaceOnUse"><stop stopColor="#AE7EFF"/><stop offset="1" stopColor="#8777D6"/></linearGradient><linearGradient id="iNqrT0d" x1="28.703" x2="3.171" y1="4" y2="4" gradientUnits="userSpaceOnUse"><stop stopColor="#A672FF"/><stop offset="1" stopColor="#9A6CEB"/></linearGradient><radialGradient id="iB836De" cx="0" cy="0" r="1" gradientTransform="matrix(-1.56249 1.46876 -1.71548 -1.82495 27.957 4.031)" gradientUnits="userSpaceOnUse"><stop stopColor="#BB8DFF"/><stop offset="1" stopColor="#BB8DFF" stopOpacity="0"/></radialGradient></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><path id="i90JTQW" d="M14.05 7.706c-.76 0-1.376.615-1.376 1.375V22.67c0 .759.616 1.374 1.375 1.374h3.305c4.55 0 8.278-3.637 8.278-8.169s-3.727-8.17-8.279-8.17zm1.474 13.589a.1.1 0 0 1-.1-.1v-10.64a.1.1 0 0 1 .1-.1h1.83c3.073 0 5.528 2.447 5.528 5.42s-2.455 5.42-5.529 5.42zM10.43 9.18a1.375 1.375 0 1 0-2.75.004l.014 13.385a1.375 1.375 0 1 0 2.75-.003z"/></defs><g fill="none"><g filter="url(#iknnOub)"><rect width="27.875" height="27.875" x="2.301" y="1.938" fill="url(#iOzRQWo)" rx="3.6"/><rect width="27.875" height="27.875" x="2.301" y="1.938" fill="url(#iB836De)" rx="3.6"/></g><g filter="url(#iY3u8vd)"><path stroke="url(#iJHOXod)" stroke-linecap="round" stroke-width="1.5" d="M28.489 4.438v22.875"/></g><g filter="url(#iiy8aue)"><path stroke="url(#iNqrT0d)" stroke-linecap="round" stroke-width="1.5" d="M5.765 3.75h21.781"/></g><g fill="#6A4EBE" filter="url(#i3wFZEc)"><use href="#i90JTQW"/></g><g fill="#FCF2FF" filter="url(#ikZA0ke)"><use href="#i90JTQW"/></g><defs><filter id="iknnOub" width="29.875" height="28.875" x="2.301" y=".938" 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="2" dy="-1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.298039 0 0 0 0 0.235294 0 0 0 0 0.6 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_2382"/><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="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.352941 0 0 0 0 0.211765 0 0 0 0 0.709804 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_2382" result="effect2_innerShadow_18590_2382"/></filter><filter id="iY3u8vd" width="5.5" height="28.375" x="25.739" y="1.688" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2382" stdDeviation="1"/></filter><filter id="iiy8aue" width="27.281" height="5.5" x="3.015" y="1" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2382" stdDeviation="1"/></filter><filter id="i3wFZEc" width="19.952" height="18.339" x="6.68" y="6.706" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2382" stdDeviation=".5"/></filter><filter id="ikZA0ke" width="18.752" height="17.139" x="7.28" y="7.306" 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=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.913725 0 0 0 0 0.886275 0 0 0 0 0.968627 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_2382"/><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=".2"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_2382" result="effect2_innerShadow_18590_2382"/></filter><linearGradient id="iOzRQWo" x1="16.239" x2="16.239" y1="5.512" y2="38.765" gradientUnits="userSpaceOnUse"><stop stop-color="#9865EE"/><stop offset="1" stop-color="#7764C6"/></linearGradient><linearGradient id="iJHOXod" x1="28.989" x2="28.989" y1="4.438" y2="27.313" gradientUnits="userSpaceOnUse"><stop stop-color="#AE7EFF"/><stop offset="1" stop-color="#8777D6"/></linearGradient><linearGradient id="iNqrT0d" x1="28.703" x2="3.171" y1="4" y2="4" gradientUnits="userSpaceOnUse"><stop stop-color="#A672FF"/><stop offset="1" stop-color="#9A6CEB"/></linearGradient><radialGradient id="iB836De" cx="0" cy="0" r="1" gradientTransform="matrix(-1.56249 1.46876 -1.71548 -1.82495 27.957 4.031)" gradientUnits="userSpaceOnUse"><stop stop-color="#BB8DFF"/><stop offset="1" stop-color="#BB8DFF" stop-opacity="0"/></radialGradient></defs></g></svg> </template>
CSS
.icon-id-button {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3Cpath%20id%3D%22i90JTQW%22%20d%3D%22M14.05%207.706c-.76%200-1.376.615-1.376%201.375V22.67c0%20.759.616%201.374%201.375%201.374h3.305c4.55%200%208.278-3.637%208.278-8.169s-3.727-8.17-8.279-8.17zm1.474%2013.589a.1.1%200%200%201-.1-.1v-10.64a.1.1%200%200%201%20.1-.1h1.83c3.073%200%205.528%202.447%205.528%205.42s-2.455%205.42-5.529%205.42zM10.43%209.18a1.375%201.375%200%201%200-2.75.004l.014%2013.385a1.375%201.375%200%201%200%202.75-.003z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23iknnOub)%22%3E%3Crect%20width%3D%2227.875%22%20height%3D%2227.875%22%20x%3D%222.301%22%20y%3D%221.938%22%20fill%3D%22url(%23iOzRQWo)%22%20rx%3D%223.6%22%2F%3E%3Crect%20width%3D%2227.875%22%20height%3D%2227.875%22%20x%3D%222.301%22%20y%3D%221.938%22%20fill%3D%22url(%23iB836De)%22%20rx%3D%223.6%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iY3u8vd)%22%3E%3Cpath%20stroke%3D%22url(%23iJHOXod)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M28.489%204.438v22.875%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iiy8aue)%22%3E%3Cpath%20stroke%3D%22url(%23iNqrT0d)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M5.765%203.75h21.781%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%236A4EBE%22%20filter%3D%22url(%23i3wFZEc)%22%3E%3Cuse%20href%3D%22%23i90JTQW%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23FCF2FF%22%20filter%3D%22url(%23ikZA0ke)%22%3E%3Cuse%20href%3D%22%23i90JTQW%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22iknnOub%22%20width%3D%2229.875%22%20height%3D%2228.875%22%20x%3D%222.301%22%20y%3D%22.938%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%22-1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.298039%200%200%200%200%200.235294%200%200%200%200%200.6%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18590_2382%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22-1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.352941%200%200%200%200%200.211765%200%200%200%200%200.709804%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18590_2382%22%20result%3D%22effect2_innerShadow_18590_2382%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iY3u8vd%22%20width%3D%225.5%22%20height%3D%2228.375%22%20x%3D%2225.739%22%20y%3D%221.688%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18590_2382%22%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iiy8aue%22%20width%3D%2227.281%22%20height%3D%225.5%22%20x%3D%223.015%22%20y%3D%221%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18590_2382%22%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i3wFZEc%22%20width%3D%2219.952%22%20height%3D%2218.339%22%20x%3D%226.68%22%20y%3D%226.706%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18590_2382%22%20stdDeviation%3D%22.5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ikZA0ke%22%20width%3D%2218.752%22%20height%3D%2217.139%22%20x%3D%227.28%22%20y%3D%227.306%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.4%22%20dy%3D%22.4%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.375%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.913725%200%200%200%200%200.886275%200%200%200%200%200.968627%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18590_2382%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.4%22%20dy%3D%22-.4%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%200.988235%200%200%200%200%201%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18590_2382%22%20result%3D%22effect2_innerShadow_18590_2382%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22iOzRQWo%22%20x1%3D%2216.239%22%20x2%3D%2216.239%22%20y1%3D%225.512%22%20y2%3D%2238.765%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%239865EE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237764C6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iJHOXod%22%20x1%3D%2228.989%22%20x2%3D%2228.989%22%20y1%3D%224.438%22%20y2%3D%2227.313%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23AE7EFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238777D6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iNqrT0d%22%20x1%3D%2228.703%22%20x2%3D%223.171%22%20y1%3D%224%22%20y2%3D%224%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23A672FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239A6CEB%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22iB836De%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-1.56249%201.46876%20-1.71548%20-1.82495%2027.957%204.031)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23BB8DFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23BB8DFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cdefs%3E%3Cpath%20id%3D%22i90JTQW%22%20d%3D%22M14.05%207.706c-.76%200-1.376.615-1.376%201.375V22.67c0%20.759.616%201.374%201.375%201.374h3.305c4.55%200%208.278-3.637%208.278-8.169s-3.727-8.17-8.279-8.17zm1.474%2013.589a.1.1%200%200%201-.1-.1v-10.64a.1.1%200%200%201%20.1-.1h1.83c3.073%200%205.528%202.447%205.528%205.42s-2.455%205.42-5.529%205.42zM10.43%209.18a1.375%201.375%200%201%200-2.75.004l.014%2013.385a1.375%201.375%200%201%200%202.75-.003z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23iknnOub)%22%3E%3Crect%20width%3D%2227.875%22%20height%3D%2227.875%22%20x%3D%222.301%22%20y%3D%221.938%22%20fill%3D%22url(%23iOzRQWo)%22%20rx%3D%223.6%22%2F%3E%3Crect%20width%3D%2227.875%22%20height%3D%2227.875%22%20x%3D%222.301%22%20y%3D%221.938%22%20fill%3D%22url(%23iB836De)%22%20rx%3D%223.6%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iY3u8vd)%22%3E%3Cpath%20stroke%3D%22url(%23iJHOXod)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M28.489%204.438v22.875%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iiy8aue)%22%3E%3Cpath%20stroke%3D%22url(%23iNqrT0d)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M5.765%203.75h21.781%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%236A4EBE%22%20filter%3D%22url(%23i3wFZEc)%22%3E%3Cuse%20href%3D%22%23i90JTQW%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23FCF2FF%22%20filter%3D%22url(%23ikZA0ke)%22%3E%3Cuse%20href%3D%22%23i90JTQW%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22iknnOub%22%20width%3D%2229.875%22%20height%3D%2228.875%22%20x%3D%222.301%22%20y%3D%22.938%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%222%22%20dy%3D%22-1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.298039%200%200%200%200%200.235294%200%200%200%200%200.6%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18590_2382%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dy%3D%22-1%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%221.5%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.352941%200%200%200%200%200.211765%200%200%200%200%200.709804%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18590_2382%22%20result%3D%22effect2_innerShadow_18590_2382%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iY3u8vd%22%20width%3D%225.5%22%20height%3D%2228.375%22%20x%3D%2225.739%22%20y%3D%221.688%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18590_2382%22%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iiy8aue%22%20width%3D%2227.281%22%20height%3D%225.5%22%20x%3D%223.015%22%20y%3D%221%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18590_2382%22%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i3wFZEc%22%20width%3D%2219.952%22%20height%3D%2218.339%22%20x%3D%226.68%22%20y%3D%226.706%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeGaussianBlur%20result%3D%22effect1_foregroundBlur_18590_2382%22%20stdDeviation%3D%22.5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ikZA0ke%22%20width%3D%2218.752%22%20height%3D%2217.139%22%20x%3D%227.28%22%20y%3D%227.306%22%20color-interpolation-filters%3D%22sRGB%22%20filterUnits%3D%22userSpaceOnUse%22%3E%3CfeFlood%20flood-opacity%3D%220%22%20result%3D%22BackgroundImageFix%22%2F%3E%3CfeBlend%20in%3D%22SourceGraphic%22%20in2%3D%22BackgroundImageFix%22%20result%3D%22shape%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22-.4%22%20dy%3D%22.4%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.375%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%200.913725%200%200%200%200%200.886275%200%200%200%200%200.968627%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18590_2382%22%2F%3E%3CfeColorMatrix%20in%3D%22SourceAlpha%22%20result%3D%22hardAlpha%22%20values%3D%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%2F%3E%3CfeOffset%20dx%3D%22.4%22%20dy%3D%22-.4%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.2%22%2F%3E%3CfeComposite%20in2%3D%22hardAlpha%22%20k2%3D%22-1%22%20k3%3D%221%22%20operator%3D%22arithmetic%22%2F%3E%3CfeColorMatrix%20values%3D%220%200%200%200%201%200%200%200%200%200.988235%200%200%200%200%201%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18590_2382%22%20result%3D%22effect2_innerShadow_18590_2382%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22iOzRQWo%22%20x1%3D%2216.239%22%20x2%3D%2216.239%22%20y1%3D%225.512%22%20y2%3D%2238.765%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%239865EE%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237764C6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iJHOXod%22%20x1%3D%2228.989%22%20x2%3D%2228.989%22%20y1%3D%224.438%22%20y2%3D%2227.313%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23AE7EFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%238777D6%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iNqrT0d%22%20x1%3D%2228.703%22%20x2%3D%223.171%22%20y1%3D%224%22%20y2%3D%224%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23A672FF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%239A6CEB%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22iB836De%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-1.56249%201.46876%20-1.71548%20-1.82495%2027.957%204.031)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23BB8DFF%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23BB8DFF%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji/id-button.svg?color=%231a73e8&size=48