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

Name
unlocked
Set
Fluent Emoji
Style
Default
Viewbox
32×32
License
MIT

The same emoji in other sets

Use the unlocked emoji

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#inhhfWb)"><path stroke="#C2C2C6" stroke-linecap="round" stroke-width="2.75" d="M19.445 14.07V8.508c0-2.77 2.207-5.016 4.93-5.016s4.93 2.246 4.93 5.016v1.086"/></g><path stroke="url(#iydnP2d)" stroke-linecap="round" stroke-width="2.75" d="M19.445 14.07V8.508c0-2.77 2.207-5.016 4.93-5.016s4.93 2.246 4.93 5.016v1.086"/><path stroke="url(#i0oEmzB)" stroke-linecap="round" stroke-width="2.75" d="M19.445 14.07V8.508c0-2.77 2.207-5.016 4.93-5.016s4.93 2.246 4.93 5.016v1.086"/><g stroke-linecap="round" filter="url(#iIW17ac)"><path stroke="url(#iQ6K2nc)" d="M19.883 13.758V8.195c0-2.77 2.207-5.015 4.93-5.015s4.93 2.245 4.93 5.015v1.086"/><path stroke="url(#iHurTQd)" d="M19.883 13.758V8.195c0-2.77 2.207-5.015 4.93-5.015s4.93 2.245 4.93 5.015v1.086"/></g><g filter="url(#i1wB2td)"><rect width="21.938" height="18.844" x="2.438" y="11.055" fill="url(#ixJPqKd)" rx="3"/></g><rect width="21.938" height="18.844" x="2.438" y="11.055" fill="url(#iQLDfWc)" rx="3"/><rect width="21.938" height="18.844" x="2.438" y="11.055" fill="url(#i0K0eDb)" rx="3"/><rect width="21.938" height="18.844" x="2.438" y="11.055" fill="url(#i7kLc5d)" rx="3"/><g stroke-width="1.75" filter="url(#i1yqcJd)"><path stroke="url(#iXA9Yzc)" d="M14.805 20.392a2.607 2.607 0 1 0-2.797.017v3.294a1.398 1.398 0 0 0 2.797 0z"/><path stroke="url(#iRtf03c)" d="M14.805 20.392a2.607 2.607 0 1 0-2.797.017v3.294a1.398 1.398 0 0 0 2.797 0z"/></g><path fill="url(#iMI1Dqb)" d="M14.805 20.392a2.607 2.607 0 1 0-2.797.017v3.294a1.398 1.398 0 0 0 2.797 0z"/><defs><radialGradient id="iydnP2d" cx="0" cy="0" r="1" gradientTransform="matrix(-.15625 -5.414 5.80992 -.16767 24.531 8.156)" gradientUnits="userSpaceOnUse"><stop offset=".556" stop-color="#AB83C0"/><stop offset="1" stop-color="#CBBBDC" stop-opacity="0"/></radialGradient><radialGradient id="i0oEmzB" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.21875 8.81238 0 29.305 11.406)" gradientUnits="userSpaceOnUse"><stop offset=".111" stop-color="#B57FD6"/><stop offset="1" stop-color="#B57FD6" stop-opacity="0"/></radialGradient><radialGradient id="iQ6K2nc" cx="0" cy="0" r="1" gradientTransform="matrix(-3.67338 3.47071 -4.76862 -5.04709 30.036 4.538)" gradientUnits="userSpaceOnUse"><stop offset=".216" stop-color="#EDECF3"/><stop offset="1" stop-color="#EDECF3" stop-opacity="0"/></radialGradient><radialGradient id="iHurTQd" cx="0" cy="0" r="1" gradientTransform="rotate(-80.102 19.36 -2.728)scale(9.45321 6.82288)" gradientUnits="userSpaceOnUse"><stop stop-color="#EDECF3"/><stop offset="1" stop-color="#EDECF3" stop-opacity="0"/></radialGradient><radialGradient id="iQLDfWc" cx="0" cy="0" r="1" gradientTransform="matrix(-2.18751 -2.40624 5.60574 -5.09619 23.813 29.898)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8650"/><stop offset="1" stop-color="#FF8650" stop-opacity="0"/></radialGradient><radialGradient id="i7kLc5d" cx="0" cy="0" r="1" gradientTransform="rotate(126.254 9.23 11.624)scale(2.32513 5.25171)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF760"/><stop offset="1" stop-color="#FFF760" stop-opacity="0"/></radialGradient><radialGradient id="iMI1Dqb" cx="0" cy="0" r="1" gradientTransform="rotate(34.061 -24.997 26.914)scale(5.69121 7.82719)" gradientUnits="userSpaceOnUse"><stop offset=".217" stop-color="#564F80"/><stop offset="1" stop-color="#473154"/></radialGradient><linearGradient id="ixJPqKd" x1="7.563" x2="14.5" y1="14.117" y2="29.898" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC74E"/><stop offset="1" stop-color="#F7864E"/></linearGradient><linearGradient id="i0K0eDb" x1="13.406" x2="13.406" y1="10.742" y2="12.242" gradientUnits="userSpaceOnUse"><stop stop-color="#F3D04E"/><stop offset="1" stop-color="#F3D04E" stop-opacity="0"/></linearGradient><linearGradient id="iXA9Yzc" x1="16.531" x2="12.656" y1="21.68" y2="21.68" gradientUnits="userSpaceOnUse"><stop offset=".331" stop-color="#D98A40"/><stop offset="1" stop-color="#D98A40" stop-opacity="0"/></linearGradient><linearGradient id="iRtf03c" x1="10.281" x2="13" y1="20.742" y2="20.742" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCD63"/><stop offset="1" stop-color="#FFCD63" stop-opacity="0"/></linearGradient><filter id="inhhfWb" width="13.609" height="13.328" x="18.07" y="2.117" 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"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.560784 0 0 0 0 0.556863 0 0 0 0 0.576471 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23558"/></filter><filter id="iIW17ac" width="12.359" height="13.078" x="18.633" y="1.93" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23558" stdDeviation=".375"/></filter><filter id="i1wB2td" width="23.438" height="20.344" x="1.688" y="10.305" 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="-.75"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.898039 0 0 0 0 0.364706 0 0 0 0 0.423529 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23558"/><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=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.772549 0 0 0 0 0.364706 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_23558" result="effect2_innerShadow_18_23558"/><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=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.843137 0 0 0 0 0.266667 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_23558" result="effect3_innerShadow_18_23558"/><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=".75"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.729412 0 0 0 0 0.478431 0 0 0 0 0.207843 0 0 0 1 0"/><feBlend in2="effect3_innerShadow_18_23558" result="effect4_innerShadow_18_23558"/></filter><filter id="i1yqcJd" width="7.965" height="12.26" x="9.41" y="14.217" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23558" stdDeviation=".25"/></filter></defs></g></svg>

React

import type { SVGProps } from "react";

export function FluentEmojiUnlocked(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#inhhfWb)"><path stroke="#C2C2C6" strokeLinecap="round" strokeWidth="2.75" d="M19.445 14.07V8.508c0-2.77 2.207-5.016 4.93-5.016s4.93 2.246 4.93 5.016v1.086"/></g><path stroke="url(#iydnP2d)" strokeLinecap="round" strokeWidth="2.75" d="M19.445 14.07V8.508c0-2.77 2.207-5.016 4.93-5.016s4.93 2.246 4.93 5.016v1.086"/><path stroke="url(#i0oEmzB)" strokeLinecap="round" strokeWidth="2.75" d="M19.445 14.07V8.508c0-2.77 2.207-5.016 4.93-5.016s4.93 2.246 4.93 5.016v1.086"/><g strokeLinecap="round" filter="url(#iIW17ac)"><path stroke="url(#iQ6K2nc)" d="M19.883 13.758V8.195c0-2.77 2.207-5.015 4.93-5.015s4.93 2.245 4.93 5.015v1.086"/><path stroke="url(#iHurTQd)" d="M19.883 13.758V8.195c0-2.77 2.207-5.015 4.93-5.015s4.93 2.245 4.93 5.015v1.086"/></g><g filter="url(#i1wB2td)"><rect width="21.938" height="18.844" x="2.438" y="11.055" fill="url(#ixJPqKd)" rx="3"/></g><rect width="21.938" height="18.844" x="2.438" y="11.055" fill="url(#iQLDfWc)" rx="3"/><rect width="21.938" height="18.844" x="2.438" y="11.055" fill="url(#i0K0eDb)" rx="3"/><rect width="21.938" height="18.844" x="2.438" y="11.055" fill="url(#i7kLc5d)" rx="3"/><g strokeWidth="1.75" filter="url(#i1yqcJd)"><path stroke="url(#iXA9Yzc)" d="M14.805 20.392a2.607 2.607 0 1 0-2.797.017v3.294a1.398 1.398 0 0 0 2.797 0z"/><path stroke="url(#iRtf03c)" d="M14.805 20.392a2.607 2.607 0 1 0-2.797.017v3.294a1.398 1.398 0 0 0 2.797 0z"/></g><path fill="url(#iMI1Dqb)" d="M14.805 20.392a2.607 2.607 0 1 0-2.797.017v3.294a1.398 1.398 0 0 0 2.797 0z"/><defs><radialGradient id="iydnP2d" cx="0" cy="0" r="1" gradientTransform="matrix(-.15625 -5.414 5.80992 -.16767 24.531 8.156)" gradientUnits="userSpaceOnUse"><stop offset=".556" stopColor="#AB83C0"/><stop offset="1" stopColor="#CBBBDC" stopOpacity="0"/></radialGradient><radialGradient id="i0oEmzB" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.21875 8.81238 0 29.305 11.406)" gradientUnits="userSpaceOnUse"><stop offset=".111" stopColor="#B57FD6"/><stop offset="1" stopColor="#B57FD6" stopOpacity="0"/></radialGradient><radialGradient id="iQ6K2nc" cx="0" cy="0" r="1" gradientTransform="matrix(-3.67338 3.47071 -4.76862 -5.04709 30.036 4.538)" gradientUnits="userSpaceOnUse"><stop offset=".216" stopColor="#EDECF3"/><stop offset="1" stopColor="#EDECF3" stopOpacity="0"/></radialGradient><radialGradient id="iHurTQd" cx="0" cy="0" r="1" gradientTransform="rotate(-80.102 19.36 -2.728)scale(9.45321 6.82288)" gradientUnits="userSpaceOnUse"><stop stopColor="#EDECF3"/><stop offset="1" stopColor="#EDECF3" stopOpacity="0"/></radialGradient><radialGradient id="iQLDfWc" cx="0" cy="0" r="1" gradientTransform="matrix(-2.18751 -2.40624 5.60574 -5.09619 23.813 29.898)" gradientUnits="userSpaceOnUse"><stop stopColor="#FF8650"/><stop offset="1" stopColor="#FF8650" stopOpacity="0"/></radialGradient><radialGradient id="i7kLc5d" cx="0" cy="0" r="1" gradientTransform="rotate(126.254 9.23 11.624)scale(2.32513 5.25171)" gradientUnits="userSpaceOnUse"><stop stopColor="#FFF760"/><stop offset="1" stopColor="#FFF760" stopOpacity="0"/></radialGradient><radialGradient id="iMI1Dqb" cx="0" cy="0" r="1" gradientTransform="rotate(34.061 -24.997 26.914)scale(5.69121 7.82719)" gradientUnits="userSpaceOnUse"><stop offset=".217" stopColor="#564F80"/><stop offset="1" stopColor="#473154"/></radialGradient><linearGradient id="ixJPqKd" x1="7.563" x2="14.5" y1="14.117" y2="29.898" gradientUnits="userSpaceOnUse"><stop stopColor="#FFC74E"/><stop offset="1" stopColor="#F7864E"/></linearGradient><linearGradient id="i0K0eDb" x1="13.406" x2="13.406" y1="10.742" y2="12.242" gradientUnits="userSpaceOnUse"><stop stopColor="#F3D04E"/><stop offset="1" stopColor="#F3D04E" stopOpacity="0"/></linearGradient><linearGradient id="iXA9Yzc" x1="16.531" x2="12.656" y1="21.68" y2="21.68" gradientUnits="userSpaceOnUse"><stop offset=".331" stopColor="#D98A40"/><stop offset="1" stopColor="#D98A40" stopOpacity="0"/></linearGradient><linearGradient id="iRtf03c" x1="10.281" x2="13" y1="20.742" y2="20.742" gradientUnits="userSpaceOnUse"><stop stopColor="#FFCD63"/><stop offset="1" stopColor="#FFCD63" stopOpacity="0"/></linearGradient><filter id="inhhfWb" width="13.609" height="13.328" x="18.07" y="2.117" 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"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.560784 0 0 0 0 0.556863 0 0 0 0 0.576471 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23558"/></filter><filter id="iIW17ac" width="12.359" height="13.078" x="18.633" y="1.93" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23558" stdDeviation=".375"/></filter><filter id="i1wB2td" width="23.438" height="20.344" x="1.688" y="10.305" 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 dy="-.75"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.898039 0 0 0 0 0.364706 0 0 0 0 0.423529 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23558"/><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=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.772549 0 0 0 0 0.364706 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_23558" result="effect2_innerShadow_18_23558"/><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=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.843137 0 0 0 0 0.266667 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_23558" result="effect3_innerShadow_18_23558"/><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=".75"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.729412 0 0 0 0 0.478431 0 0 0 0 0.207843 0 0 0 1 0"/><feBlend in2="effect3_innerShadow_18_23558" result="effect4_innerShadow_18_23558"/></filter><filter id="i1yqcJd" width="7.965" height="12.26" x="9.41" y="14.217" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23558" stdDeviation=".25"/></filter></defs></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g filter="url(#inhhfWb)"><path stroke="#C2C2C6" stroke-linecap="round" stroke-width="2.75" d="M19.445 14.07V8.508c0-2.77 2.207-5.016 4.93-5.016s4.93 2.246 4.93 5.016v1.086"/></g><path stroke="url(#iydnP2d)" stroke-linecap="round" stroke-width="2.75" d="M19.445 14.07V8.508c0-2.77 2.207-5.016 4.93-5.016s4.93 2.246 4.93 5.016v1.086"/><path stroke="url(#i0oEmzB)" stroke-linecap="round" stroke-width="2.75" d="M19.445 14.07V8.508c0-2.77 2.207-5.016 4.93-5.016s4.93 2.246 4.93 5.016v1.086"/><g stroke-linecap="round" filter="url(#iIW17ac)"><path stroke="url(#iQ6K2nc)" d="M19.883 13.758V8.195c0-2.77 2.207-5.015 4.93-5.015s4.93 2.245 4.93 5.015v1.086"/><path stroke="url(#iHurTQd)" d="M19.883 13.758V8.195c0-2.77 2.207-5.015 4.93-5.015s4.93 2.245 4.93 5.015v1.086"/></g><g filter="url(#i1wB2td)"><rect width="21.938" height="18.844" x="2.438" y="11.055" fill="url(#ixJPqKd)" rx="3"/></g><rect width="21.938" height="18.844" x="2.438" y="11.055" fill="url(#iQLDfWc)" rx="3"/><rect width="21.938" height="18.844" x="2.438" y="11.055" fill="url(#i0K0eDb)" rx="3"/><rect width="21.938" height="18.844" x="2.438" y="11.055" fill="url(#i7kLc5d)" rx="3"/><g stroke-width="1.75" filter="url(#i1yqcJd)"><path stroke="url(#iXA9Yzc)" d="M14.805 20.392a2.607 2.607 0 1 0-2.797.017v3.294a1.398 1.398 0 0 0 2.797 0z"/><path stroke="url(#iRtf03c)" d="M14.805 20.392a2.607 2.607 0 1 0-2.797.017v3.294a1.398 1.398 0 0 0 2.797 0z"/></g><path fill="url(#iMI1Dqb)" d="M14.805 20.392a2.607 2.607 0 1 0-2.797.017v3.294a1.398 1.398 0 0 0 2.797 0z"/><defs><radialGradient id="iydnP2d" cx="0" cy="0" r="1" gradientTransform="matrix(-.15625 -5.414 5.80992 -.16767 24.531 8.156)" gradientUnits="userSpaceOnUse"><stop offset=".556" stop-color="#AB83C0"/><stop offset="1" stop-color="#CBBBDC" stop-opacity="0"/></radialGradient><radialGradient id="i0oEmzB" cx="0" cy="0" r="1" gradientTransform="matrix(0 -2.21875 8.81238 0 29.305 11.406)" gradientUnits="userSpaceOnUse"><stop offset=".111" stop-color="#B57FD6"/><stop offset="1" stop-color="#B57FD6" stop-opacity="0"/></radialGradient><radialGradient id="iQ6K2nc" cx="0" cy="0" r="1" gradientTransform="matrix(-3.67338 3.47071 -4.76862 -5.04709 30.036 4.538)" gradientUnits="userSpaceOnUse"><stop offset=".216" stop-color="#EDECF3"/><stop offset="1" stop-color="#EDECF3" stop-opacity="0"/></radialGradient><radialGradient id="iHurTQd" cx="0" cy="0" r="1" gradientTransform="rotate(-80.102 19.36 -2.728)scale(9.45321 6.82288)" gradientUnits="userSpaceOnUse"><stop stop-color="#EDECF3"/><stop offset="1" stop-color="#EDECF3" stop-opacity="0"/></radialGradient><radialGradient id="iQLDfWc" cx="0" cy="0" r="1" gradientTransform="matrix(-2.18751 -2.40624 5.60574 -5.09619 23.813 29.898)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF8650"/><stop offset="1" stop-color="#FF8650" stop-opacity="0"/></radialGradient><radialGradient id="i7kLc5d" cx="0" cy="0" r="1" gradientTransform="rotate(126.254 9.23 11.624)scale(2.32513 5.25171)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFF760"/><stop offset="1" stop-color="#FFF760" stop-opacity="0"/></radialGradient><radialGradient id="iMI1Dqb" cx="0" cy="0" r="1" gradientTransform="rotate(34.061 -24.997 26.914)scale(5.69121 7.82719)" gradientUnits="userSpaceOnUse"><stop offset=".217" stop-color="#564F80"/><stop offset="1" stop-color="#473154"/></radialGradient><linearGradient id="ixJPqKd" x1="7.563" x2="14.5" y1="14.117" y2="29.898" gradientUnits="userSpaceOnUse"><stop stop-color="#FFC74E"/><stop offset="1" stop-color="#F7864E"/></linearGradient><linearGradient id="i0K0eDb" x1="13.406" x2="13.406" y1="10.742" y2="12.242" gradientUnits="userSpaceOnUse"><stop stop-color="#F3D04E"/><stop offset="1" stop-color="#F3D04E" stop-opacity="0"/></linearGradient><linearGradient id="iXA9Yzc" x1="16.531" x2="12.656" y1="21.68" y2="21.68" gradientUnits="userSpaceOnUse"><stop offset=".331" stop-color="#D98A40"/><stop offset="1" stop-color="#D98A40" stop-opacity="0"/></linearGradient><linearGradient id="iRtf03c" x1="10.281" x2="13" y1="20.742" y2="20.742" gradientUnits="userSpaceOnUse"><stop stop-color="#FFCD63"/><stop offset="1" stop-color="#FFCD63" stop-opacity="0"/></linearGradient><filter id="inhhfWb" width="13.609" height="13.328" x="18.07" y="2.117" 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"/><feGaussianBlur stdDeviation=".5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.560784 0 0 0 0 0.556863 0 0 0 0 0.576471 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23558"/></filter><filter id="iIW17ac" width="12.359" height="13.078" x="18.633" y="1.93" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23558" stdDeviation=".375"/></filter><filter id="i1wB2td" width="23.438" height="20.344" x="1.688" y="10.305" 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="-.75"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.898039 0 0 0 0 0.364706 0 0 0 0 0.423529 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_23558"/><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=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.772549 0 0 0 0 0.364706 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_23558" result="effect2_innerShadow_18_23558"/><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=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 1 0 0 0 0 0.843137 0 0 0 0 0.266667 0 0 0 1 0"/><feBlend in2="effect2_innerShadow_18_23558" result="effect3_innerShadow_18_23558"/><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=".75"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.729412 0 0 0 0 0.478431 0 0 0 0 0.207843 0 0 0 1 0"/><feBlend in2="effect3_innerShadow_18_23558" result="effect4_innerShadow_18_23558"/></filter><filter id="i1yqcJd" width="7.965" height="12.26" x="9.41" y="14.217" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_23558" stdDeviation=".25"/></filter></defs></g></svg>
</template>

CSS

.icon-unlocked {
  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%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23inhhfWb)%22%3E%3Cpath%20stroke%3D%22%23C2C2C6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.75%22%20d%3D%22M19.445%2014.07V8.508c0-2.77%202.207-5.016%204.93-5.016s4.93%202.246%204.93%205.016v1.086%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22url(%23iydnP2d)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.75%22%20d%3D%22M19.445%2014.07V8.508c0-2.77%202.207-5.016%204.93-5.016s4.93%202.246%204.93%205.016v1.086%22%2F%3E%3Cpath%20stroke%3D%22url(%23i0oEmzB)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.75%22%20d%3D%22M19.445%2014.07V8.508c0-2.77%202.207-5.016%204.93-5.016s4.93%202.246%204.93%205.016v1.086%22%2F%3E%3Cg%20stroke-linecap%3D%22round%22%20filter%3D%22url(%23iIW17ac)%22%3E%3Cpath%20stroke%3D%22url(%23iQ6K2nc)%22%20d%3D%22M19.883%2013.758V8.195c0-2.77%202.207-5.015%204.93-5.015s4.93%202.245%204.93%205.015v1.086%22%2F%3E%3Cpath%20stroke%3D%22url(%23iHurTQd)%22%20d%3D%22M19.883%2013.758V8.195c0-2.77%202.207-5.015%204.93-5.015s4.93%202.245%204.93%205.015v1.086%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23i1wB2td)%22%3E%3Crect%20width%3D%2221.938%22%20height%3D%2218.844%22%20x%3D%222.438%22%20y%3D%2211.055%22%20fill%3D%22url(%23ixJPqKd)%22%20rx%3D%223%22%2F%3E%3C%2Fg%3E%3Crect%20width%3D%2221.938%22%20height%3D%2218.844%22%20x%3D%222.438%22%20y%3D%2211.055%22%20fill%3D%22url(%23iQLDfWc)%22%20rx%3D%223%22%2F%3E%3Crect%20width%3D%2221.938%22%20height%3D%2218.844%22%20x%3D%222.438%22%20y%3D%2211.055%22%20fill%3D%22url(%23i0K0eDb)%22%20rx%3D%223%22%2F%3E%3Crect%20width%3D%2221.938%22%20height%3D%2218.844%22%20x%3D%222.438%22%20y%3D%2211.055%22%20fill%3D%22url(%23i7kLc5d)%22%20rx%3D%223%22%2F%3E%3Cg%20stroke-width%3D%221.75%22%20filter%3D%22url(%23i1yqcJd)%22%3E%3Cpath%20stroke%3D%22url(%23iXA9Yzc)%22%20d%3D%22M14.805%2020.392a2.607%202.607%200%201%200-2.797.017v3.294a1.398%201.398%200%200%200%202.797%200z%22%2F%3E%3Cpath%20stroke%3D%22url(%23iRtf03c)%22%20d%3D%22M14.805%2020.392a2.607%202.607%200%201%200-2.797.017v3.294a1.398%201.398%200%200%200%202.797%200z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23iMI1Dqb)%22%20d%3D%22M14.805%2020.392a2.607%202.607%200%201%200-2.797.017v3.294a1.398%201.398%200%200%200%202.797%200z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22iydnP2d%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-.15625%20-5.414%205.80992%20-.16767%2024.531%208.156)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.556%22%20stop-color%3D%22%23AB83C0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CBBBDC%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i0oEmzB%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-2.21875%208.81238%200%2029.305%2011.406)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.111%22%20stop-color%3D%22%23B57FD6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B57FD6%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iQ6K2nc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-3.67338%203.47071%20-4.76862%20-5.04709%2030.036%204.538)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.216%22%20stop-color%3D%22%23EDECF3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EDECF3%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iHurTQd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-80.102%2019.36%20-2.728)scale(9.45321%206.82288)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23EDECF3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EDECF3%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iQLDfWc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-2.18751%20-2.40624%205.60574%20-5.09619%2023.813%2029.898)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF8650%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8650%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i7kLc5d%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(126.254%209.23%2011.624)scale(2.32513%205.25171)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFF760%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFF760%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iMI1Dqb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(34.061%20-24.997%2026.914)scale(5.69121%207.82719)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.217%22%20stop-color%3D%22%23564F80%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23473154%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22ixJPqKd%22%20x1%3D%227.563%22%20x2%3D%2214.5%22%20y1%3D%2214.117%22%20y2%3D%2229.898%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFC74E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F7864E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i0K0eDb%22%20x1%3D%2213.406%22%20x2%3D%2213.406%22%20y1%3D%2210.742%22%20y2%3D%2212.242%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F3D04E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F3D04E%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iXA9Yzc%22%20x1%3D%2216.531%22%20x2%3D%2212.656%22%20y1%3D%2221.68%22%20y2%3D%2221.68%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.331%22%20stop-color%3D%22%23D98A40%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D98A40%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iRtf03c%22%20x1%3D%2210.281%22%20x2%3D%2213%22%20y1%3D%2220.742%22%20y2%3D%2220.742%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFCD63%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFCD63%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22inhhfWb%22%20width%3D%2213.609%22%20height%3D%2213.328%22%20x%3D%2218.07%22%20y%3D%222.117%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%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.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.560784%200%200%200%200%200.556863%200%200%200%200%200.576471%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_23558%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iIW17ac%22%20width%3D%2212.359%22%20height%3D%2213.078%22%20x%3D%2218.633%22%20y%3D%221.93%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_18_23558%22%20stdDeviation%3D%22.375%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i1wB2td%22%20width%3D%2223.438%22%20height%3D%2220.344%22%20x%3D%221.688%22%20y%3D%2210.305%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%20dy%3D%22-.75%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.898039%200%200%200%200%200.364706%200%200%200%200%200.423529%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_23558%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-1%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%201%200%200%200%200%200.772549%200%200%200%200%200.364706%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_23558%22%20result%3D%22effect2_innerShadow_18_23558%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%221%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%201%200%200%200%200%200.843137%200%200%200%200%200.266667%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect2_innerShadow_18_23558%22%20result%3D%22effect3_innerShadow_18_23558%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.75%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.729412%200%200%200%200%200.478431%200%200%200%200%200.207843%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect3_innerShadow_18_23558%22%20result%3D%22effect4_innerShadow_18_23558%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i1yqcJd%22%20width%3D%227.965%22%20height%3D%2212.26%22%20x%3D%229.41%22%20y%3D%2214.217%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_18_23558%22%20stdDeviation%3D%22.25%22%2F%3E%3C%2Ffilter%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%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23inhhfWb)%22%3E%3Cpath%20stroke%3D%22%23C2C2C6%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.75%22%20d%3D%22M19.445%2014.07V8.508c0-2.77%202.207-5.016%204.93-5.016s4.93%202.246%204.93%205.016v1.086%22%2F%3E%3C%2Fg%3E%3Cpath%20stroke%3D%22url(%23iydnP2d)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.75%22%20d%3D%22M19.445%2014.07V8.508c0-2.77%202.207-5.016%204.93-5.016s4.93%202.246%204.93%205.016v1.086%22%2F%3E%3Cpath%20stroke%3D%22url(%23i0oEmzB)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%222.75%22%20d%3D%22M19.445%2014.07V8.508c0-2.77%202.207-5.016%204.93-5.016s4.93%202.246%204.93%205.016v1.086%22%2F%3E%3Cg%20stroke-linecap%3D%22round%22%20filter%3D%22url(%23iIW17ac)%22%3E%3Cpath%20stroke%3D%22url(%23iQ6K2nc)%22%20d%3D%22M19.883%2013.758V8.195c0-2.77%202.207-5.015%204.93-5.015s4.93%202.245%204.93%205.015v1.086%22%2F%3E%3Cpath%20stroke%3D%22url(%23iHurTQd)%22%20d%3D%22M19.883%2013.758V8.195c0-2.77%202.207-5.015%204.93-5.015s4.93%202.245%204.93%205.015v1.086%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23i1wB2td)%22%3E%3Crect%20width%3D%2221.938%22%20height%3D%2218.844%22%20x%3D%222.438%22%20y%3D%2211.055%22%20fill%3D%22url(%23ixJPqKd)%22%20rx%3D%223%22%2F%3E%3C%2Fg%3E%3Crect%20width%3D%2221.938%22%20height%3D%2218.844%22%20x%3D%222.438%22%20y%3D%2211.055%22%20fill%3D%22url(%23iQLDfWc)%22%20rx%3D%223%22%2F%3E%3Crect%20width%3D%2221.938%22%20height%3D%2218.844%22%20x%3D%222.438%22%20y%3D%2211.055%22%20fill%3D%22url(%23i0K0eDb)%22%20rx%3D%223%22%2F%3E%3Crect%20width%3D%2221.938%22%20height%3D%2218.844%22%20x%3D%222.438%22%20y%3D%2211.055%22%20fill%3D%22url(%23i7kLc5d)%22%20rx%3D%223%22%2F%3E%3Cg%20stroke-width%3D%221.75%22%20filter%3D%22url(%23i1yqcJd)%22%3E%3Cpath%20stroke%3D%22url(%23iXA9Yzc)%22%20d%3D%22M14.805%2020.392a2.607%202.607%200%201%200-2.797.017v3.294a1.398%201.398%200%200%200%202.797%200z%22%2F%3E%3Cpath%20stroke%3D%22url(%23iRtf03c)%22%20d%3D%22M14.805%2020.392a2.607%202.607%200%201%200-2.797.017v3.294a1.398%201.398%200%200%200%202.797%200z%22%2F%3E%3C%2Fg%3E%3Cpath%20fill%3D%22url(%23iMI1Dqb)%22%20d%3D%22M14.805%2020.392a2.607%202.607%200%201%200-2.797.017v3.294a1.398%201.398%200%200%200%202.797%200z%22%2F%3E%3Cdefs%3E%3CradialGradient%20id%3D%22iydnP2d%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-.15625%20-5.414%205.80992%20-.16767%2024.531%208.156)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.556%22%20stop-color%3D%22%23AB83C0%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23CBBBDC%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i0oEmzB%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%20-2.21875%208.81238%200%2029.305%2011.406)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.111%22%20stop-color%3D%22%23B57FD6%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23B57FD6%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iQ6K2nc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-3.67338%203.47071%20-4.76862%20-5.04709%2030.036%204.538)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.216%22%20stop-color%3D%22%23EDECF3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EDECF3%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iHurTQd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(-80.102%2019.36%20-2.728)scale(9.45321%206.82288)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23EDECF3%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23EDECF3%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iQLDfWc%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(-2.18751%20-2.40624%205.60574%20-5.09619%2023.813%2029.898)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF8650%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF8650%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22i7kLc5d%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(126.254%209.23%2011.624)scale(2.32513%205.25171)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFF760%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFF760%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22iMI1Dqb%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(34.061%20-24.997%2026.914)scale(5.69121%207.82719)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.217%22%20stop-color%3D%22%23564F80%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23473154%22%2F%3E%3C%2FradialGradient%3E%3ClinearGradient%20id%3D%22ixJPqKd%22%20x1%3D%227.563%22%20x2%3D%2214.5%22%20y1%3D%2214.117%22%20y2%3D%2229.898%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFC74E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F7864E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22i0K0eDb%22%20x1%3D%2213.406%22%20x2%3D%2213.406%22%20y1%3D%2210.742%22%20y2%3D%2212.242%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23F3D04E%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23F3D04E%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iXA9Yzc%22%20x1%3D%2216.531%22%20x2%3D%2212.656%22%20y1%3D%2221.68%22%20y2%3D%2221.68%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.331%22%20stop-color%3D%22%23D98A40%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23D98A40%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iRtf03c%22%20x1%3D%2210.281%22%20x2%3D%2213%22%20y1%3D%2220.742%22%20y2%3D%2220.742%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FFCD63%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FFCD63%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3Cfilter%20id%3D%22inhhfWb%22%20width%3D%2213.609%22%20height%3D%2213.328%22%20x%3D%2218.07%22%20y%3D%222.117%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%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.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.560784%200%200%200%200%200.556863%200%200%200%200%200.576471%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_23558%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iIW17ac%22%20width%3D%2212.359%22%20height%3D%2213.078%22%20x%3D%2218.633%22%20y%3D%221.93%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_18_23558%22%20stdDeviation%3D%22.375%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i1wB2td%22%20width%3D%2223.438%22%20height%3D%2220.344%22%20x%3D%221.688%22%20y%3D%2210.305%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%20dy%3D%22-.75%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.898039%200%200%200%200%200.364706%200%200%200%200%200.423529%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_23558%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-1%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%201%200%200%200%200%200.772549%200%200%200%200%200.364706%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_23558%22%20result%3D%22effect2_innerShadow_18_23558%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%221%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%201%200%200%200%200%200.843137%200%200%200%200%200.266667%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect2_innerShadow_18_23558%22%20result%3D%22effect3_innerShadow_18_23558%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.75%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.729412%200%200%200%200%200.478431%200%200%200%200%200.207843%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect3_innerShadow_18_23558%22%20result%3D%22effect4_innerShadow_18_23558%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i1yqcJd%22%20width%3D%227.965%22%20height%3D%2212.26%22%20x%3D%229.41%22%20y%3D%2214.217%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_18_23558%22%20stdDeviation%3D%22.25%22%2F%3E%3C%2Ffilter%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/unlocked.svg?color=%231a73e8&size=48