top hat emoji
top-hat from Fluent Emoji by Microsoft Corporation · Default · MIT Free for personal and commercial use.
- Name
- top-hat
- Set
- Fluent Emoji
- Style
- Default
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
Related icons in Fluent Emoji
Use the top hat 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(#icq3yOd)"><path fill="url(#iKyQ8Uc)" d="M2.219 23.031c0-3.313 2.967-6 6.281-6h14.984c3.314 0 6.297 2.687 6.297 6v.938c0 3.313-2.672 6-6.437 6H8.797c-3.813 0-6.578-2.687-6.578-6z"/></g><g filter="url(#ipWVwid)"><path fill="#3A1333" d="m7.24 17.469l.328 5.551c.093 1.586 1.291 2.824 3.479 2.824h10.031c2.078 0 3.23-1.238 3.323-2.824l.327-5.551z"/></g><g filter="url(#izJeUhe)"><path fill="url(#iGjoo8d)" d="M11.047 25.594c-2.188 0-3.386-1.238-3.48-2.824L6.782 9.438c-.054-1.102-.009-3.279 1.078-4.391c1.085-1.11 2.034-1.11 2.822-1.11h10.607c.788 0 1.737 0 2.821 1.11c1.088 1.112 1.133 3.289 1.079 4.39L24.4 22.77c-.093 1.586-1.245 2.824-3.323 2.824z"/><path fill="url(#iW5T08c)" d="M11.047 25.594c-2.188 0-3.386-1.238-3.48-2.824L6.782 9.438c-.054-1.102-.009-3.279 1.078-4.391c1.085-1.11 2.034-1.11 2.822-1.11h10.607c.788 0 1.737 0 2.821 1.11c1.088 1.112 1.133 3.289 1.079 4.39L24.4 22.77c-.093 1.586-1.245 2.824-3.323 2.824z"/></g><g filter="url(#i6WQDNd)"><path fill="url(#iwCoFkb)" d="M7.364 19.321c.509 1.259 1.837 2.398 3.683 2.398h10.031c1.794 0 3.057-1.108 3.524-2.363l-.201 3.414c-.094 1.586-1.245 2.824-3.323 2.824H11.047c-2.188 0-3.386-1.238-3.48-2.824z"/><path fill="url(#ij4CXHd)" d="M7.364 19.321c.509 1.259 1.837 2.398 3.683 2.398h10.031c1.794 0 3.057-1.108 3.524-2.363l-.201 3.414c-.094 1.586-1.245 2.824-3.323 2.824H11.047c-2.188 0-3.386-1.238-3.48-2.824z"/><path fill="url(#ilp63bd)" d="M7.364 19.321c.509 1.259 1.837 2.398 3.683 2.398h10.031c1.794 0 3.057-1.108 3.524-2.363l-.201 3.414c-.094 1.586-1.245 2.824-3.323 2.824H11.047c-2.188 0-3.386-1.238-3.48-2.824z"/><path fill="url(#iKA3rMc)" d="M7.364 19.321c.509 1.259 1.837 2.398 3.683 2.398h10.031c1.794 0 3.057-1.108 3.524-2.363l-.201 3.414c-.094 1.586-1.245 2.824-3.323 2.824H11.047c-2.188 0-3.386-1.238-3.48-2.824z"/></g><g filter="url(#iTBX7yc)"><path fill="#574965" d="M8.711 7.875h14.577v1.813H8.711z"/></g><g filter="url(#iBWkanc)"><path fill="url(#idB7C0l)" d="M21.438 20.75L22 5.156c2.05 0 2.354 2.042 2.25 3.063l-.437 10.844c-.45 1.1-1.771 1.583-2.375 1.687"/></g><defs><filter id="icq3yOd" width="28.063" height="13.438" x="1.719" y="16.531" 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="-.5" dy="-.5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.443137 0 0 0 0 0.396078 0 0 0 0 0.490196 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17508"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.27451 0 0 0 0 0.160784 0 0 0 0 0.380392 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_17508" result="effect2_innerShadow_18_17508"/></filter><filter id="ipWVwid" width="19.488" height="10.375" x="6.24" y="16.469" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17508" stdDeviation=".5"/></filter><filter id="izJeUhe" width="20.436" height="21.656" x="6.767" y="3.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"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.270588 0 0 0 0 0.247059 0 0 0 0 0.301961 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17508"/></filter><filter id="i6WQDNd" width="17.238" height="6.473" x="7.364" y="19.321" 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=".2"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.858824 0 0 0 0 0.12549 0 0 0 0 0.317647 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17508"/></filter><filter id="iTBX7yc" width="17.577" height="4.813" x="7.211" y="6.375" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17508" stdDeviation=".75"/></filter><filter id="iBWkanc" width="5.83" height="18.594" x="19.938" y="3.656" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17508" stdDeviation=".75"/></filter><linearGradient id="iKyQ8Uc" x1="16" x2="16" y1="17.031" y2="27.563" gradientUnits="userSpaceOnUse"><stop offset=".211" stop-color="#333135"/><stop offset="1" stop-color="#523B5E"/></linearGradient><linearGradient id="iGjoo8d" x1="15.984" x2="15.984" y1="3.938" y2="25.594" gradientUnits="userSpaceOnUse"><stop offset=".421" stop-color="#534262"/><stop offset="1" stop-color="#43354B"/></linearGradient><linearGradient id="iwCoFkb" x1="10.375" x2="22.75" y1="21.187" y2="25" gradientUnits="userSpaceOnUse"><stop stop-color="#EB3469"/><stop offset="1" stop-color="#E12E84"/></linearGradient><linearGradient id="iKA3rMc" x1="7.364" x2="11.375" y1="23.406" y2="23.406" gradientUnits="userSpaceOnUse"><stop stop-color="#BA2D43"/><stop offset="1" stop-color="#BA2D43" stop-opacity="0"/></linearGradient><linearGradient id="idB7C0l" x1="23.594" x2="22.853" y1="5.156" y2="20.75" gradientUnits="userSpaceOnUse"><stop stop-color="#70657C"/><stop offset="1" stop-color="#4D4455"/></linearGradient><radialGradient id="iW5T08c" cx="0" cy="0" r="1" gradientTransform="matrix(.75 -10.81252 4.6823 .32478 24.875 20.938)" gradientUnits="userSpaceOnUse"><stop stop-color="#4C4653"/><stop offset="1" stop-color="#4C4653" stop-opacity="0"/></radialGradient><radialGradient id="ij4CXHd" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.75 -11.4063 0 20.469 21.094)" gradientUnits="userSpaceOnUse"><stop stop-color="#FE4F93"/><stop offset="1" stop-color="#FE4F93" stop-opacity="0"/></radialGradient><radialGradient id="ilp63bd" cx="0" cy="0" r="1" gradientTransform="matrix(0 4.71875 -7.16957 0 22.437 20.312)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4C99"/><stop offset="1" stop-color="#FF4C99" stop-opacity="0"/></radialGradient></defs></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiTopHat(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(#icq3yOd)"><path fill="url(#iKyQ8Uc)" d="M2.219 23.031c0-3.313 2.967-6 6.281-6h14.984c3.314 0 6.297 2.687 6.297 6v.938c0 3.313-2.672 6-6.437 6H8.797c-3.813 0-6.578-2.687-6.578-6z"/></g><g filter="url(#ipWVwid)"><path fill="#3A1333" d="m7.24 17.469l.328 5.551c.093 1.586 1.291 2.824 3.479 2.824h10.031c2.078 0 3.23-1.238 3.323-2.824l.327-5.551z"/></g><g filter="url(#izJeUhe)"><path fill="url(#iGjoo8d)" d="M11.047 25.594c-2.188 0-3.386-1.238-3.48-2.824L6.782 9.438c-.054-1.102-.009-3.279 1.078-4.391c1.085-1.11 2.034-1.11 2.822-1.11h10.607c.788 0 1.737 0 2.821 1.11c1.088 1.112 1.133 3.289 1.079 4.39L24.4 22.77c-.093 1.586-1.245 2.824-3.323 2.824z"/><path fill="url(#iW5T08c)" d="M11.047 25.594c-2.188 0-3.386-1.238-3.48-2.824L6.782 9.438c-.054-1.102-.009-3.279 1.078-4.391c1.085-1.11 2.034-1.11 2.822-1.11h10.607c.788 0 1.737 0 2.821 1.11c1.088 1.112 1.133 3.289 1.079 4.39L24.4 22.77c-.093 1.586-1.245 2.824-3.323 2.824z"/></g><g filter="url(#i6WQDNd)"><path fill="url(#iwCoFkb)" d="M7.364 19.321c.509 1.259 1.837 2.398 3.683 2.398h10.031c1.794 0 3.057-1.108 3.524-2.363l-.201 3.414c-.094 1.586-1.245 2.824-3.323 2.824H11.047c-2.188 0-3.386-1.238-3.48-2.824z"/><path fill="url(#ij4CXHd)" d="M7.364 19.321c.509 1.259 1.837 2.398 3.683 2.398h10.031c1.794 0 3.057-1.108 3.524-2.363l-.201 3.414c-.094 1.586-1.245 2.824-3.323 2.824H11.047c-2.188 0-3.386-1.238-3.48-2.824z"/><path fill="url(#ilp63bd)" d="M7.364 19.321c.509 1.259 1.837 2.398 3.683 2.398h10.031c1.794 0 3.057-1.108 3.524-2.363l-.201 3.414c-.094 1.586-1.245 2.824-3.323 2.824H11.047c-2.188 0-3.386-1.238-3.48-2.824z"/><path fill="url(#iKA3rMc)" d="M7.364 19.321c.509 1.259 1.837 2.398 3.683 2.398h10.031c1.794 0 3.057-1.108 3.524-2.363l-.201 3.414c-.094 1.586-1.245 2.824-3.323 2.824H11.047c-2.188 0-3.386-1.238-3.48-2.824z"/></g><g filter="url(#iTBX7yc)"><path fill="#574965" d="M8.711 7.875h14.577v1.813H8.711z"/></g><g filter="url(#iBWkanc)"><path fill="url(#idB7C0l)" d="M21.438 20.75L22 5.156c2.05 0 2.354 2.042 2.25 3.063l-.437 10.844c-.45 1.1-1.771 1.583-2.375 1.687"/></g><defs><filter id="icq3yOd" width="28.063" height="13.438" x="1.719" y="16.531" 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="-.5" dy="-.5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.443137 0 0 0 0 0.396078 0 0 0 0 0.490196 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17508"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.27451 0 0 0 0 0.160784 0 0 0 0 0.380392 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_17508" result="effect2_innerShadow_18_17508"/></filter><filter id="ipWVwid" width="19.488" height="10.375" x="6.24" y="16.469" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17508" stdDeviation=".5"/></filter><filter id="izJeUhe" width="20.436" height="21.656" x="6.767" y="3.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"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.270588 0 0 0 0 0.247059 0 0 0 0 0.301961 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17508"/></filter><filter id="i6WQDNd" width="17.238" height="6.473" x="7.364" y="19.321" 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=".2"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.858824 0 0 0 0 0.12549 0 0 0 0 0.317647 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17508"/></filter><filter id="iTBX7yc" width="17.577" height="4.813" x="7.211" y="6.375" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17508" stdDeviation=".75"/></filter><filter id="iBWkanc" width="5.83" height="18.594" x="19.938" y="3.656" colorInterpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood floodOpacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17508" stdDeviation=".75"/></filter><linearGradient id="iKyQ8Uc" x1="16" x2="16" y1="17.031" y2="27.563" gradientUnits="userSpaceOnUse"><stop offset=".211" stopColor="#333135"/><stop offset="1" stopColor="#523B5E"/></linearGradient><linearGradient id="iGjoo8d" x1="15.984" x2="15.984" y1="3.938" y2="25.594" gradientUnits="userSpaceOnUse"><stop offset=".421" stopColor="#534262"/><stop offset="1" stopColor="#43354B"/></linearGradient><linearGradient id="iwCoFkb" x1="10.375" x2="22.75" y1="21.187" y2="25" gradientUnits="userSpaceOnUse"><stop stopColor="#EB3469"/><stop offset="1" stopColor="#E12E84"/></linearGradient><linearGradient id="iKA3rMc" x1="7.364" x2="11.375" y1="23.406" y2="23.406" gradientUnits="userSpaceOnUse"><stop stopColor="#BA2D43"/><stop offset="1" stopColor="#BA2D43" stopOpacity="0"/></linearGradient><linearGradient id="idB7C0l" x1="23.594" x2="22.853" y1="5.156" y2="20.75" gradientUnits="userSpaceOnUse"><stop stopColor="#70657C"/><stop offset="1" stopColor="#4D4455"/></linearGradient><radialGradient id="iW5T08c" cx="0" cy="0" r="1" gradientTransform="matrix(.75 -10.81252 4.6823 .32478 24.875 20.938)" gradientUnits="userSpaceOnUse"><stop stopColor="#4C4653"/><stop offset="1" stopColor="#4C4653" stopOpacity="0"/></radialGradient><radialGradient id="ij4CXHd" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.75 -11.4063 0 20.469 21.094)" gradientUnits="userSpaceOnUse"><stop stopColor="#FE4F93"/><stop offset="1" stopColor="#FE4F93" stopOpacity="0"/></radialGradient><radialGradient id="ilp63bd" cx="0" cy="0" r="1" gradientTransform="matrix(0 4.71875 -7.16957 0 22.437 20.312)" gradientUnits="userSpaceOnUse"><stop stopColor="#FF4C99"/><stop offset="1" stopColor="#FF4C99" 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"><g fill="none"><g filter="url(#icq3yOd)"><path fill="url(#iKyQ8Uc)" d="M2.219 23.031c0-3.313 2.967-6 6.281-6h14.984c3.314 0 6.297 2.687 6.297 6v.938c0 3.313-2.672 6-6.437 6H8.797c-3.813 0-6.578-2.687-6.578-6z"/></g><g filter="url(#ipWVwid)"><path fill="#3A1333" d="m7.24 17.469l.328 5.551c.093 1.586 1.291 2.824 3.479 2.824h10.031c2.078 0 3.23-1.238 3.323-2.824l.327-5.551z"/></g><g filter="url(#izJeUhe)"><path fill="url(#iGjoo8d)" d="M11.047 25.594c-2.188 0-3.386-1.238-3.48-2.824L6.782 9.438c-.054-1.102-.009-3.279 1.078-4.391c1.085-1.11 2.034-1.11 2.822-1.11h10.607c.788 0 1.737 0 2.821 1.11c1.088 1.112 1.133 3.289 1.079 4.39L24.4 22.77c-.093 1.586-1.245 2.824-3.323 2.824z"/><path fill="url(#iW5T08c)" d="M11.047 25.594c-2.188 0-3.386-1.238-3.48-2.824L6.782 9.438c-.054-1.102-.009-3.279 1.078-4.391c1.085-1.11 2.034-1.11 2.822-1.11h10.607c.788 0 1.737 0 2.821 1.11c1.088 1.112 1.133 3.289 1.079 4.39L24.4 22.77c-.093 1.586-1.245 2.824-3.323 2.824z"/></g><g filter="url(#i6WQDNd)"><path fill="url(#iwCoFkb)" d="M7.364 19.321c.509 1.259 1.837 2.398 3.683 2.398h10.031c1.794 0 3.057-1.108 3.524-2.363l-.201 3.414c-.094 1.586-1.245 2.824-3.323 2.824H11.047c-2.188 0-3.386-1.238-3.48-2.824z"/><path fill="url(#ij4CXHd)" d="M7.364 19.321c.509 1.259 1.837 2.398 3.683 2.398h10.031c1.794 0 3.057-1.108 3.524-2.363l-.201 3.414c-.094 1.586-1.245 2.824-3.323 2.824H11.047c-2.188 0-3.386-1.238-3.48-2.824z"/><path fill="url(#ilp63bd)" d="M7.364 19.321c.509 1.259 1.837 2.398 3.683 2.398h10.031c1.794 0 3.057-1.108 3.524-2.363l-.201 3.414c-.094 1.586-1.245 2.824-3.323 2.824H11.047c-2.188 0-3.386-1.238-3.48-2.824z"/><path fill="url(#iKA3rMc)" d="M7.364 19.321c.509 1.259 1.837 2.398 3.683 2.398h10.031c1.794 0 3.057-1.108 3.524-2.363l-.201 3.414c-.094 1.586-1.245 2.824-3.323 2.824H11.047c-2.188 0-3.386-1.238-3.48-2.824z"/></g><g filter="url(#iTBX7yc)"><path fill="#574965" d="M8.711 7.875h14.577v1.813H8.711z"/></g><g filter="url(#iBWkanc)"><path fill="url(#idB7C0l)" d="M21.438 20.75L22 5.156c2.05 0 2.354 2.042 2.25 3.063l-.437 10.844c-.45 1.1-1.771 1.583-2.375 1.687"/></g><defs><filter id="icq3yOd" width="28.063" height="13.438" x="1.719" y="16.531" 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="-.5" dy="-.5"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.443137 0 0 0 0 0.396078 0 0 0 0 0.490196 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17508"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx="-.25" dy="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.27451 0 0 0 0 0.160784 0 0 0 0 0.380392 0 0 0 1 0"/><feBlend in2="effect1_innerShadow_18_17508" result="effect2_innerShadow_18_17508"/></filter><filter id="ipWVwid" width="19.488" height="10.375" x="6.24" y="16.469" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17508" stdDeviation=".5"/></filter><filter id="izJeUhe" width="20.436" height="21.656" x="6.767" y="3.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"/><feGaussianBlur stdDeviation="1.5"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.270588 0 0 0 0 0.247059 0 0 0 0 0.301961 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17508"/></filter><filter id="i6WQDNd" width="17.238" height="6.473" x="7.364" y="19.321" 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=".2"/><feGaussianBlur stdDeviation=".1"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.858824 0 0 0 0 0.12549 0 0 0 0 0.317647 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_17508"/></filter><filter id="iTBX7yc" width="17.577" height="4.813" x="7.211" y="6.375" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17508" stdDeviation=".75"/></filter><filter id="iBWkanc" width="5.83" height="18.594" x="19.938" y="3.656" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_18_17508" stdDeviation=".75"/></filter><linearGradient id="iKyQ8Uc" x1="16" x2="16" y1="17.031" y2="27.563" gradientUnits="userSpaceOnUse"><stop offset=".211" stop-color="#333135"/><stop offset="1" stop-color="#523B5E"/></linearGradient><linearGradient id="iGjoo8d" x1="15.984" x2="15.984" y1="3.938" y2="25.594" gradientUnits="userSpaceOnUse"><stop offset=".421" stop-color="#534262"/><stop offset="1" stop-color="#43354B"/></linearGradient><linearGradient id="iwCoFkb" x1="10.375" x2="22.75" y1="21.187" y2="25" gradientUnits="userSpaceOnUse"><stop stop-color="#EB3469"/><stop offset="1" stop-color="#E12E84"/></linearGradient><linearGradient id="iKA3rMc" x1="7.364" x2="11.375" y1="23.406" y2="23.406" gradientUnits="userSpaceOnUse"><stop stop-color="#BA2D43"/><stop offset="1" stop-color="#BA2D43" stop-opacity="0"/></linearGradient><linearGradient id="idB7C0l" x1="23.594" x2="22.853" y1="5.156" y2="20.75" gradientUnits="userSpaceOnUse"><stop stop-color="#70657C"/><stop offset="1" stop-color="#4D4455"/></linearGradient><radialGradient id="iW5T08c" cx="0" cy="0" r="1" gradientTransform="matrix(.75 -10.81252 4.6823 .32478 24.875 20.938)" gradientUnits="userSpaceOnUse"><stop stop-color="#4C4653"/><stop offset="1" stop-color="#4C4653" stop-opacity="0"/></radialGradient><radialGradient id="ij4CXHd" cx="0" cy="0" r="1" gradientTransform="matrix(0 2.75 -11.4063 0 20.469 21.094)" gradientUnits="userSpaceOnUse"><stop stop-color="#FE4F93"/><stop offset="1" stop-color="#FE4F93" stop-opacity="0"/></radialGradient><radialGradient id="ilp63bd" cx="0" cy="0" r="1" gradientTransform="matrix(0 4.71875 -7.16957 0 22.437 20.312)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4C99"/><stop offset="1" stop-color="#FF4C99" stop-opacity="0"/></radialGradient></defs></g></svg> </template>
CSS
.icon-top-hat {
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(%23icq3yOd)%22%3E%3Cpath%20fill%3D%22url(%23iKyQ8Uc)%22%20d%3D%22M2.219%2023.031c0-3.313%202.967-6%206.281-6h14.984c3.314%200%206.297%202.687%206.297%206v.938c0%203.313-2.672%206-6.437%206H8.797c-3.813%200-6.578-2.687-6.578-6z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ipWVwid)%22%3E%3Cpath%20fill%3D%22%233A1333%22%20d%3D%22m7.24%2017.469l.328%205.551c.093%201.586%201.291%202.824%203.479%202.824h10.031c2.078%200%203.23-1.238%203.323-2.824l.327-5.551z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23izJeUhe)%22%3E%3Cpath%20fill%3D%22url(%23iGjoo8d)%22%20d%3D%22M11.047%2025.594c-2.188%200-3.386-1.238-3.48-2.824L6.782%209.438c-.054-1.102-.009-3.279%201.078-4.391c1.085-1.11%202.034-1.11%202.822-1.11h10.607c.788%200%201.737%200%202.821%201.11c1.088%201.112%201.133%203.289%201.079%204.39L24.4%2022.77c-.093%201.586-1.245%202.824-3.323%202.824z%22%2F%3E%3Cpath%20fill%3D%22url(%23iW5T08c)%22%20d%3D%22M11.047%2025.594c-2.188%200-3.386-1.238-3.48-2.824L6.782%209.438c-.054-1.102-.009-3.279%201.078-4.391c1.085-1.11%202.034-1.11%202.822-1.11h10.607c.788%200%201.737%200%202.821%201.11c1.088%201.112%201.133%203.289%201.079%204.39L24.4%2022.77c-.093%201.586-1.245%202.824-3.323%202.824z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23i6WQDNd)%22%3E%3Cpath%20fill%3D%22url(%23iwCoFkb)%22%20d%3D%22M7.364%2019.321c.509%201.259%201.837%202.398%203.683%202.398h10.031c1.794%200%203.057-1.108%203.524-2.363l-.201%203.414c-.094%201.586-1.245%202.824-3.323%202.824H11.047c-2.188%200-3.386-1.238-3.48-2.824z%22%2F%3E%3Cpath%20fill%3D%22url(%23ij4CXHd)%22%20d%3D%22M7.364%2019.321c.509%201.259%201.837%202.398%203.683%202.398h10.031c1.794%200%203.057-1.108%203.524-2.363l-.201%203.414c-.094%201.586-1.245%202.824-3.323%202.824H11.047c-2.188%200-3.386-1.238-3.48-2.824z%22%2F%3E%3Cpath%20fill%3D%22url(%23ilp63bd)%22%20d%3D%22M7.364%2019.321c.509%201.259%201.837%202.398%203.683%202.398h10.031c1.794%200%203.057-1.108%203.524-2.363l-.201%203.414c-.094%201.586-1.245%202.824-3.323%202.824H11.047c-2.188%200-3.386-1.238-3.48-2.824z%22%2F%3E%3Cpath%20fill%3D%22url(%23iKA3rMc)%22%20d%3D%22M7.364%2019.321c.509%201.259%201.837%202.398%203.683%202.398h10.031c1.794%200%203.057-1.108%203.524-2.363l-.201%203.414c-.094%201.586-1.245%202.824-3.323%202.824H11.047c-2.188%200-3.386-1.238-3.48-2.824z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iTBX7yc)%22%3E%3Cpath%20fill%3D%22%23574965%22%20d%3D%22M8.711%207.875h14.577v1.813H8.711z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iBWkanc)%22%3E%3Cpath%20fill%3D%22url(%23idB7C0l)%22%20d%3D%22M21.438%2020.75L22%205.156c2.05%200%202.354%202.042%202.25%203.063l-.437%2010.844c-.45%201.1-1.771%201.583-2.375%201.687%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22icq3yOd%22%20width%3D%2228.063%22%20height%3D%2213.438%22%20x%3D%221.719%22%20y%3D%2216.531%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-.5%22%20dy%3D%22-.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%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.443137%200%200%200%200%200.396078%200%200%200%200%200.490196%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_17508%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-.25%22%20dy%3D%22-.25%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%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.27451%200%200%200%200%200.160784%200%200%200%200%200.380392%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_17508%22%20result%3D%22effect2_innerShadow_18_17508%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ipWVwid%22%20width%3D%2219.488%22%20height%3D%2210.375%22%20x%3D%226.24%22%20y%3D%2216.469%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_17508%22%20stdDeviation%3D%22.5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22izJeUhe%22%20width%3D%2220.436%22%20height%3D%2221.656%22%20x%3D%226.767%22%20y%3D%223.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%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.270588%200%200%200%200%200.247059%200%200%200%200%200.301961%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_17508%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i6WQDNd%22%20width%3D%2217.238%22%20height%3D%226.473%22%20x%3D%227.364%22%20y%3D%2219.321%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.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.1%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.858824%200%200%200%200%200.12549%200%200%200%200%200.317647%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_17508%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iTBX7yc%22%20width%3D%2217.577%22%20height%3D%224.813%22%20x%3D%227.211%22%20y%3D%226.375%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_17508%22%20stdDeviation%3D%22.75%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iBWkanc%22%20width%3D%225.83%22%20height%3D%2218.594%22%20x%3D%2219.938%22%20y%3D%223.656%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_17508%22%20stdDeviation%3D%22.75%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22iKyQ8Uc%22%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2217.031%22%20y2%3D%2227.563%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.211%22%20stop-color%3D%22%23333135%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23523B5E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iGjoo8d%22%20x1%3D%2215.984%22%20x2%3D%2215.984%22%20y1%3D%223.938%22%20y2%3D%2225.594%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.421%22%20stop-color%3D%22%23534262%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2343354B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iwCoFkb%22%20x1%3D%2210.375%22%20x2%3D%2222.75%22%20y1%3D%2221.187%22%20y2%3D%2225%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23EB3469%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E12E84%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iKA3rMc%22%20x1%3D%227.364%22%20x2%3D%2211.375%22%20y1%3D%2223.406%22%20y2%3D%2223.406%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23BA2D43%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23BA2D43%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22idB7C0l%22%20x1%3D%2223.594%22%20x2%3D%2222.853%22%20y1%3D%225.156%22%20y2%3D%2220.75%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2370657C%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234D4455%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22iW5T08c%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(.75%20-10.81252%204.6823%20.32478%2024.875%2020.938)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234C4653%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234C4653%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ij4CXHd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%202.75%20-11.4063%200%2020.469%2021.094)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FE4F93%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE4F93%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ilp63bd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%204.71875%20-7.16957%200%2022.437%2020.312)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF4C99%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF4C99%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%3Cg%20fill%3D%22none%22%3E%3Cg%20filter%3D%22url(%23icq3yOd)%22%3E%3Cpath%20fill%3D%22url(%23iKyQ8Uc)%22%20d%3D%22M2.219%2023.031c0-3.313%202.967-6%206.281-6h14.984c3.314%200%206.297%202.687%206.297%206v.938c0%203.313-2.672%206-6.437%206H8.797c-3.813%200-6.578-2.687-6.578-6z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23ipWVwid)%22%3E%3Cpath%20fill%3D%22%233A1333%22%20d%3D%22m7.24%2017.469l.328%205.551c.093%201.586%201.291%202.824%203.479%202.824h10.031c2.078%200%203.23-1.238%203.323-2.824l.327-5.551z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23izJeUhe)%22%3E%3Cpath%20fill%3D%22url(%23iGjoo8d)%22%20d%3D%22M11.047%2025.594c-2.188%200-3.386-1.238-3.48-2.824L6.782%209.438c-.054-1.102-.009-3.279%201.078-4.391c1.085-1.11%202.034-1.11%202.822-1.11h10.607c.788%200%201.737%200%202.821%201.11c1.088%201.112%201.133%203.289%201.079%204.39L24.4%2022.77c-.093%201.586-1.245%202.824-3.323%202.824z%22%2F%3E%3Cpath%20fill%3D%22url(%23iW5T08c)%22%20d%3D%22M11.047%2025.594c-2.188%200-3.386-1.238-3.48-2.824L6.782%209.438c-.054-1.102-.009-3.279%201.078-4.391c1.085-1.11%202.034-1.11%202.822-1.11h10.607c.788%200%201.737%200%202.821%201.11c1.088%201.112%201.133%203.289%201.079%204.39L24.4%2022.77c-.093%201.586-1.245%202.824-3.323%202.824z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23i6WQDNd)%22%3E%3Cpath%20fill%3D%22url(%23iwCoFkb)%22%20d%3D%22M7.364%2019.321c.509%201.259%201.837%202.398%203.683%202.398h10.031c1.794%200%203.057-1.108%203.524-2.363l-.201%203.414c-.094%201.586-1.245%202.824-3.323%202.824H11.047c-2.188%200-3.386-1.238-3.48-2.824z%22%2F%3E%3Cpath%20fill%3D%22url(%23ij4CXHd)%22%20d%3D%22M7.364%2019.321c.509%201.259%201.837%202.398%203.683%202.398h10.031c1.794%200%203.057-1.108%203.524-2.363l-.201%203.414c-.094%201.586-1.245%202.824-3.323%202.824H11.047c-2.188%200-3.386-1.238-3.48-2.824z%22%2F%3E%3Cpath%20fill%3D%22url(%23ilp63bd)%22%20d%3D%22M7.364%2019.321c.509%201.259%201.837%202.398%203.683%202.398h10.031c1.794%200%203.057-1.108%203.524-2.363l-.201%203.414c-.094%201.586-1.245%202.824-3.323%202.824H11.047c-2.188%200-3.386-1.238-3.48-2.824z%22%2F%3E%3Cpath%20fill%3D%22url(%23iKA3rMc)%22%20d%3D%22M7.364%2019.321c.509%201.259%201.837%202.398%203.683%202.398h10.031c1.794%200%203.057-1.108%203.524-2.363l-.201%203.414c-.094%201.586-1.245%202.824-3.323%202.824H11.047c-2.188%200-3.386-1.238-3.48-2.824z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iTBX7yc)%22%3E%3Cpath%20fill%3D%22%23574965%22%20d%3D%22M8.711%207.875h14.577v1.813H8.711z%22%2F%3E%3C%2Fg%3E%3Cg%20filter%3D%22url(%23iBWkanc)%22%3E%3Cpath%20fill%3D%22url(%23idB7C0l)%22%20d%3D%22M21.438%2020.75L22%205.156c2.05%200%202.354%202.042%202.25%203.063l-.437%2010.844c-.45%201.1-1.771%201.583-2.375%201.687%22%2F%3E%3C%2Fg%3E%3Cdefs%3E%3Cfilter%20id%3D%22icq3yOd%22%20width%3D%2228.063%22%20height%3D%2213.438%22%20x%3D%221.719%22%20y%3D%2216.531%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-.5%22%20dy%3D%22-.5%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%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.443137%200%200%200%200%200.396078%200%200%200%200%200.490196%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_17508%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-.25%22%20dy%3D%22-.25%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.25%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.27451%200%200%200%200%200.160784%200%200%200%200%200.380392%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22effect1_innerShadow_18_17508%22%20result%3D%22effect2_innerShadow_18_17508%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22ipWVwid%22%20width%3D%2219.488%22%20height%3D%2210.375%22%20x%3D%226.24%22%20y%3D%2216.469%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_17508%22%20stdDeviation%3D%22.5%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22izJeUhe%22%20width%3D%2220.436%22%20height%3D%2221.656%22%20x%3D%226.767%22%20y%3D%223.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%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.270588%200%200%200%200%200.247059%200%200%200%200%200.301961%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_17508%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22i6WQDNd%22%20width%3D%2217.238%22%20height%3D%226.473%22%20x%3D%227.364%22%20y%3D%2219.321%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.2%22%2F%3E%3CfeGaussianBlur%20stdDeviation%3D%22.1%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.858824%200%200%200%200%200.12549%200%200%200%200%200.317647%200%200%200%201%200%22%2F%3E%3CfeBlend%20in2%3D%22shape%22%20result%3D%22effect1_innerShadow_18_17508%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iTBX7yc%22%20width%3D%2217.577%22%20height%3D%224.813%22%20x%3D%227.211%22%20y%3D%226.375%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_17508%22%20stdDeviation%3D%22.75%22%2F%3E%3C%2Ffilter%3E%3Cfilter%20id%3D%22iBWkanc%22%20width%3D%225.83%22%20height%3D%2218.594%22%20x%3D%2219.938%22%20y%3D%223.656%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_17508%22%20stdDeviation%3D%22.75%22%2F%3E%3C%2Ffilter%3E%3ClinearGradient%20id%3D%22iKyQ8Uc%22%20x1%3D%2216%22%20x2%3D%2216%22%20y1%3D%2217.031%22%20y2%3D%2227.563%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.211%22%20stop-color%3D%22%23333135%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23523B5E%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iGjoo8d%22%20x1%3D%2215.984%22%20x2%3D%2215.984%22%20y1%3D%223.938%22%20y2%3D%2225.594%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.421%22%20stop-color%3D%22%23534262%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%2343354B%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iwCoFkb%22%20x1%3D%2210.375%22%20x2%3D%2222.75%22%20y1%3D%2221.187%22%20y2%3D%2225%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23EB3469%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23E12E84%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22iKA3rMc%22%20x1%3D%227.364%22%20x2%3D%2211.375%22%20y1%3D%2223.406%22%20y2%3D%2223.406%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23BA2D43%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23BA2D43%22%20stop-opacity%3D%220%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22idB7C0l%22%20x1%3D%2223.594%22%20x2%3D%2222.853%22%20y1%3D%225.156%22%20y2%3D%2220.75%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%2370657C%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234D4455%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22iW5T08c%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(.75%20-10.81252%204.6823%20.32478%2024.875%2020.938)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%234C4653%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%234C4653%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ij4CXHd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%202.75%20-11.4063%200%2020.469%2021.094)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FE4F93%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FE4F93%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22ilp63bd%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22matrix(0%204.71875%20-7.16957%200%2022.437%2020.312)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23FF4C99%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23FF4C99%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/top-hat.svg?color=%231a73e8&size=48
