cl button emoji

cl-button from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.

Name
cl-button
Set
Fluent Emoji
Style
Default
Viewbox
32×32
License
MIT

The same emoji in other sets

Use the cl button emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><path id="imWaKPt" d="M11.728 9.094A5.27 5.27 0 0 0 6.46 14.36v2.76a5.286 5.286 0 0 0 9.77 2.798l.022-.035a1.375 1.375 0 0 0-2.333-1.456l-.022.035A2.536 2.536 0 0 1 9.21 17.12v-2.76a2.518 2.518 0 0 1 4.668-1.31l.033.055a1.375 1.375 0 1 0 2.349-1.43l-.033-.055a5.27 5.27 0 0 0-4.499-2.527m9.42 1.376a1.375 1.375 0 1 0-2.75 0V21c0 .76.616 1.375 1.375 1.375h5.281a1.375 1.375 0 1 0 0-2.75h-3.806a.1.1 0 0 1-.1-.1z"/></defs><g fill="none"><g filter="url(#iVnwJac)"><rect width="27.875" height="27.875" x="2.09" y="1.813" fill="url(#i0j8CEc)" rx="3.6"/><rect width="27.875" height="27.875" x="2.09" y="1.813" fill="url(#iba7h4d)" rx="3.6"/></g><g filter="url(#ieIulce)"><path stroke="url(#ifToaqQ)" stroke-linecap="round" stroke-width="1.5" d="M28.278 4.313v22.875"/></g><g filter="url(#iiMp7ke)"><path stroke="url(#in3u2Ud)" stroke-linecap="round" stroke-width="1.5" d="M5.554 3.625h21.781"/></g><g fill="#EF2B54" filter="url(#iCLWGUb)"><use href="#imWaKPt"/></g><g fill="#FCF2FF" filter="url(#iJsR4Kc)"><use href="#imWaKPt"/></g><defs><filter id="iVnwJac" width="28.875" height="28.875" x="2.09" y=".813" 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="1" dy="-1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.901961 0 0 0 0 0.133333 0 0 0 0 0.337255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_2326"/><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.85098 0 0 0 0 0.168627 0 0 0 0 0.231373 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_2326" result="effect2_innerShadow_18590_2326"/></filter><filter id="ieIulce" width="5.5" height="28.375" x="25.528" y="1.563" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2326" stdDeviation="1"/></filter><filter id="iiMp7ke" width="27.281" height="5.5" x="2.804" y=".875" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2326" stdDeviation="1"/></filter><filter id="iCLWGUb" width="21.969" height="15.313" x="5.46" y="8.094" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2326" stdDeviation=".5"/></filter><filter id="iJsR4Kc" width="20.769" height="14.113" x="6.06" y="8.694" 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_2326"/><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_2326" result="effect2_innerShadow_18590_2326"/></filter><linearGradient id="i0j8CEc" x1="16.028" x2="16.028" y1="5.387" y2="38.64" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4D91"/><stop offset="1" stop-color="#F34A5F"/></linearGradient><linearGradient id="ifToaqQ" x1="28.778" x2="28.778" y1="4.313" y2="27.188" gradientUnits="userSpaceOnUse"><stop stop-color="#FF66A5"/><stop offset="1" stop-color="#FF5B6B"/></linearGradient><linearGradient id="in3u2Ud" x1="28.492" x2="2.96" y1="3.875" y2="3.875" gradientUnits="userSpaceOnUse"><stop stop-color="#FF60A3"/><stop offset="1" stop-color="#FF5495"/></linearGradient><radialGradient id="iba7h4d" cx="0" cy="0" r="1" gradientTransform="matrix(-1.56249 1.46876 -1.71548 -1.82495 27.747 3.906)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF77B1"/><stop offset="1" stop-color="#FF77B1" stop-opacity="0"/></radialGradient></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiClButton(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="imWaKPt" d="M11.728 9.094A5.27 5.27 0 0 0 6.46 14.36v2.76a5.286 5.286 0 0 0 9.77 2.798l.022-.035a1.375 1.375 0 0 0-2.333-1.456l-.022.035A2.536 2.536 0 0 1 9.21 17.12v-2.76a2.518 2.518 0 0 1 4.668-1.31l.033.055a1.375 1.375 0 1 0 2.349-1.43l-.033-.055a5.27 5.27 0 0 0-4.499-2.527m9.42 1.376a1.375 1.375 0 1 0-2.75 0V21c0 .76.616 1.375 1.375 1.375h5.281a1.375 1.375 0 1 0 0-2.75h-3.806a.1.1 0 0 1-.1-.1z"/></defs><g fill="none"><g filter="url(#iVnwJac)"><rect width="27.875" height="27.875" x="2.09" y="1.813" fill="url(#i0j8CEc)" rx="3.6"/><rect width="27.875" height="27.875" x="2.09" y="1.813" fill="url(#iba7h4d)" rx="3.6"/></g><g filter="url(#ieIulce)"><path stroke="url(#ifToaqQ)" strokeLinecap="round" strokeWidth="1.5" d="M28.278 4.313v22.875"/></g><g filter="url(#iiMp7ke)"><path stroke="url(#in3u2Ud)" strokeLinecap="round" strokeWidth="1.5" d="M5.554 3.625h21.781"/></g><g fill="#EF2B54" filter="url(#iCLWGUb)"><use href="#imWaKPt"/></g><g fill="#FCF2FF" filter="url(#iJsR4Kc)"><use href="#imWaKPt"/></g><defs><filter id="iVnwJac" width="28.875" height="28.875" x="2.09" y=".813" 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="1" dy="-1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.901961 0 0 0 0 0.133333 0 0 0 0 0.337255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_2326"/><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.85098 0 0 0 0 0.168627 0 0 0 0 0.231373 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_2326" result="effect2_innerShadow_18590_2326"/></filter><filter id="ieIulce" width="5.5" height="28.375" x="25.528" y="1.563" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2326" stdDeviation="1"/></filter><filter id="iiMp7ke" width="27.281" height="5.5" x="2.804" y=".875" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2326" stdDeviation="1"/></filter><filter id="iCLWGUb" width="21.969" height="15.313" x="5.46" y="8.094" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2326" stdDeviation=".5"/></filter><filter id="iJsR4Kc" width="20.769" height="14.113" x="6.06" y="8.694" 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_2326"/><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_2326" result="effect2_innerShadow_18590_2326"/></filter><linearGradient id="i0j8CEc" x1="16.028" x2="16.028" y1="5.387" y2="38.64" gradientUnits="userSpaceOnUse"><stop stopColor="#FF4D91"/><stop offset="1" stopColor="#F34A5F"/></linearGradient><linearGradient id="ifToaqQ" x1="28.778" x2="28.778" y1="4.313" y2="27.188" gradientUnits="userSpaceOnUse"><stop stopColor="#FF66A5"/><stop offset="1" stopColor="#FF5B6B"/></linearGradient><linearGradient id="in3u2Ud" x1="28.492" x2="2.96" y1="3.875" y2="3.875" gradientUnits="userSpaceOnUse"><stop stopColor="#FF60A3"/><stop offset="1" stopColor="#FF5495"/></linearGradient><radialGradient id="iba7h4d" cx="0" cy="0" r="1" gradientTransform="matrix(-1.56249 1.46876 -1.71548 -1.82495 27.747 3.906)" gradientUnits="userSpaceOnUse"><stop stopColor="#FF77B1"/><stop offset="1" stopColor="#FF77B1" 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="imWaKPt" d="M11.728 9.094A5.27 5.27 0 0 0 6.46 14.36v2.76a5.286 5.286 0 0 0 9.77 2.798l.022-.035a1.375 1.375 0 0 0-2.333-1.456l-.022.035A2.536 2.536 0 0 1 9.21 17.12v-2.76a2.518 2.518 0 0 1 4.668-1.31l.033.055a1.375 1.375 0 1 0 2.349-1.43l-.033-.055a5.27 5.27 0 0 0-4.499-2.527m9.42 1.376a1.375 1.375 0 1 0-2.75 0V21c0 .76.616 1.375 1.375 1.375h5.281a1.375 1.375 0 1 0 0-2.75h-3.806a.1.1 0 0 1-.1-.1z"/></defs><g fill="none"><g filter="url(#iVnwJac)"><rect width="27.875" height="27.875" x="2.09" y="1.813" fill="url(#i0j8CEc)" rx="3.6"/><rect width="27.875" height="27.875" x="2.09" y="1.813" fill="url(#iba7h4d)" rx="3.6"/></g><g filter="url(#ieIulce)"><path stroke="url(#ifToaqQ)" stroke-linecap="round" stroke-width="1.5" d="M28.278 4.313v22.875"/></g><g filter="url(#iiMp7ke)"><path stroke="url(#in3u2Ud)" stroke-linecap="round" stroke-width="1.5" d="M5.554 3.625h21.781"/></g><g fill="#EF2B54" filter="url(#iCLWGUb)"><use href="#imWaKPt"/></g><g fill="#FCF2FF" filter="url(#iJsR4Kc)"><use href="#imWaKPt"/></g><defs><filter id="iVnwJac" width="28.875" height="28.875" x="2.09" y=".813" 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="1" dy="-1"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.901961 0 0 0 0 0.133333 0 0 0 0 0.337255 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18590_2326"/><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.85098 0 0 0 0 0.168627 0 0 0 0 0.231373 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18590_2326" result="effect2_innerShadow_18590_2326"/></filter><filter id="ieIulce" width="5.5" height="28.375" x="25.528" y="1.563" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2326" stdDeviation="1"/></filter><filter id="iiMp7ke" width="27.281" height="5.5" x="2.804" y=".875" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2326" stdDeviation="1"/></filter><filter id="iCLWGUb" width="21.969" height="15.313" x="5.46" y="8.094" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18590_2326" stdDeviation=".5"/></filter><filter id="iJsR4Kc" width="20.769" height="14.113" x="6.06" y="8.694" 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_2326"/><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_2326" result="effect2_innerShadow_18590_2326"/></filter><linearGradient id="i0j8CEc" x1="16.028" x2="16.028" y1="5.387" y2="38.64" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4D91"/><stop offset="1" stop-color="#F34A5F"/></linearGradient><linearGradient id="ifToaqQ" x1="28.778" x2="28.778" y1="4.313" y2="27.188" gradientUnits="userSpaceOnUse"><stop stop-color="#FF66A5"/><stop offset="1" stop-color="#FF5B6B"/></linearGradient><linearGradient id="in3u2Ud" x1="28.492" x2="2.96" y1="3.875" y2="3.875" gradientUnits="userSpaceOnUse"><stop stop-color="#FF60A3"/><stop offset="1" stop-color="#FF5495"/></linearGradient><radialGradient id="iba7h4d" cx="0" cy="0" r="1" gradientTransform="matrix(-1.56249 1.46876 -1.71548 -1.82495 27.747 3.906)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF77B1"/><stop offset="1" stop-color="#FF77B1" stop-opacity="0"/></radialGradient></defs></g></svg>
</template>

CSS

.icon-cl-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%22imWaKPt%22%20d%3D%22M11.728%209.094A5.27%205.27%200%200%200%206.46%2014.36v2.76a5.286%205.286%200%200%200%209.77%202.798l.022-.035a1.375%201.375%200%200%200-2.333-1.456l-.022.035A2.536%202.536%200%200%201%209.21%2017.12v-2.76a2.518%202.518%200%200%201%204.668-1.31l.033.055a1.375%201.375%200%201%200%202.349-1.43l-.033-.055a5.27%205.27%200%200%200-4.499-2.527m9.42%201.376a1.375%201.375%200%201%200-2.75%200V21c0%20.76.616%201.375%201.375%201.375h5.281a1.375%201.375%200%201%200%200-2.75h-3.806a.1.1%200%200%201-.1-.1z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23iVnwJac)%22%3E%3Crect%20width%3D%2227.875%22%20height%3D%2227.875%22%20x%3D%222.09%22%20y%3D%221.813%22%20fill%3D%22url(%23i0j8CEc)%22%20rx%3D%223.6%22%2F%3E%3Crect%20width%3D%2227.875%22%20height%3D%2227.875%22%20x%3D%222.09%22%20y%3D%221.813%22%20fill%3D%22url(%23iba7h4d)%22%20rx%3D%223.6%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ieIulce)%22%3E%3Cpath%20stroke%3D%22url(%23ifToaqQ)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M28.278%204.313v22.875%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iiMp7ke)%22%3E%3Cpath%20stroke%3D%22url(%23in3u2Ud)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M5.554%203.625h21.781%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23EF2B54%22%20filter%3D%22url(%23iCLWGUb)%22%3E%3Cuse%20href%3D%22%23imWaKPt%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23FCF2FF%22%20filter%3D%22url(%23iJsR4Kc)%22%3E%3Cuse%20href%3D%22%23imWaKPt%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22iVnwJac%22%20width%3D%2228.875%22%20height%3D%2228.875%22%20x%3D%222.09%22%20y%3D%22.813%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%221%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.901961%200%200%200%200%200.133333%200%200%200%200%200.337255%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18590_2326%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.85098%200%200%200%200%200.168627%200%200%200%200%200.231373%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18590_2326%22%20result%3D%22effect2_innerShadow_18590_2326%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ieIulce%22%20width%3D%225.5%22%20height%3D%2228.375%22%20x%3D%2225.528%22%20y%3D%221.563%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_2326%22%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iiMp7ke%22%20width%3D%2227.281%22%20height%3D%225.5%22%20x%3D%222.804%22%20y%3D%22.875%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_2326%22%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iCLWGUb%22%20width%3D%2221.969%22%20height%3D%2215.313%22%20x%3D%225.46%22%20y%3D%228.094%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_2326%22%20stdDeviation%3D%22.5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iJsR4Kc%22%20width%3D%2220.769%22%20height%3D%2214.113%22%20x%3D%226.06%22%20y%3D%228.694%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_2326%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_2326%22%20result%3D%22effect2_innerShadow_18590_2326%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22i0j8CEc%22%20x1%3D%2216.028%22%20x2%3D%2216.028%22%20y1%3D%225.387%22%20y2%3D%2238.64%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF4D91%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F34A5F%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ifToaqQ%22%20x1%3D%2228.778%22%20x2%3D%2228.778%22%20y1%3D%224.313%22%20y2%3D%2227.188%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF66A5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF5B6B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22in3u2Ud%22%20x1%3D%2228.492%22%20x2%3D%222.96%22%20y1%3D%223.875%22%20y2%3D%223.875%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF60A3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF5495%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22iba7h4d%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.747%203.906)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF77B1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF77B1%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%22imWaKPt%22%20d%3D%22M11.728%209.094A5.27%205.27%200%200%200%206.46%2014.36v2.76a5.286%205.286%200%200%200%209.77%202.798l.022-.035a1.375%201.375%200%200%200-2.333-1.456l-.022.035A2.536%202.536%200%200%201%209.21%2017.12v-2.76a2.518%202.518%200%200%201%204.668-1.31l.033.055a1.375%201.375%200%201%200%202.349-1.43l-.033-.055a5.27%205.27%200%200%200-4.499-2.527m9.42%201.376a1.375%201.375%200%201%200-2.75%200V21c0%20.76.616%201.375%201.375%201.375h5.281a1.375%201.375%200%201%200%200-2.75h-3.806a.1.1%200%200%201-.1-.1z%22%2F%3E%3C%2Fdefs%3E%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23iVnwJac)%22%3E%3Crect%20width%3D%2227.875%22%20height%3D%2227.875%22%20x%3D%222.09%22%20y%3D%221.813%22%20fill%3D%22url(%23i0j8CEc)%22%20rx%3D%223.6%22%2F%3E%3Crect%20width%3D%2227.875%22%20height%3D%2227.875%22%20x%3D%222.09%22%20y%3D%221.813%22%20fill%3D%22url(%23iba7h4d)%22%20rx%3D%223.6%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ieIulce)%22%3E%3Cpath%20stroke%3D%22url(%23ifToaqQ)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M28.278%204.313v22.875%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iiMp7ke)%22%3E%3Cpath%20stroke%3D%22url(%23in3u2Ud)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M5.554%203.625h21.781%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23EF2B54%22%20filter%3D%22url(%23iCLWGUb)%22%3E%3Cuse%20href%3D%22%23imWaKPt%22%2F%3E%3C%2Fg%3E%3Cg%20fill%3D%22%23FCF2FF%22%20filter%3D%22url(%23iJsR4Kc)%22%3E%3Cuse%20href%3D%22%23imWaKPt%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22iVnwJac%22%20width%3D%2228.875%22%20height%3D%2228.875%22%20x%3D%222.09%22%20y%3D%22.813%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%221%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.901961%200%200%200%200%200.133333%200%200%200%200%200.337255%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18590_2326%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.85098%200%200%200%200%200.168627%200%200%200%200%200.231373%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18590_2326%22%20result%3D%22effect2_innerShadow_18590_2326%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ieIulce%22%20width%3D%225.5%22%20height%3D%2228.375%22%20x%3D%2225.528%22%20y%3D%221.563%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_2326%22%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iiMp7ke%22%20width%3D%2227.281%22%20height%3D%225.5%22%20x%3D%222.804%22%20y%3D%22.875%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_2326%22%20stdDeviation%3D%221%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iCLWGUb%22%20width%3D%2221.969%22%20height%3D%2215.313%22%20x%3D%225.46%22%20y%3D%228.094%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_2326%22%20stdDeviation%3D%22.5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iJsR4Kc%22%20width%3D%2220.769%22%20height%3D%2214.113%22%20x%3D%226.06%22%20y%3D%228.694%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_2326%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_2326%22%20result%3D%22effect2_innerShadow_18590_2326%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22i0j8CEc%22%20x1%3D%2216.028%22%20x2%3D%2216.028%22%20y1%3D%225.387%22%20y2%3D%2238.64%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF4D91%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F34A5F%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22ifToaqQ%22%20x1%3D%2228.778%22%20x2%3D%2228.778%22%20y1%3D%224.313%22%20y2%3D%2227.188%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF66A5%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF5B6B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22in3u2Ud%22%20x1%3D%2228.492%22%20x2%3D%222.96%22%20y1%3D%223.875%22%20y2%3D%223.875%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF60A3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF5495%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22iba7h4d%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.747%203.906)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF77B1%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF77B1%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/cl-button.svg?color=%231a73e8&size=48

Cl Button emoji — Fluent Emoji · IconsDB