UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

277 lines (276 loc) 11.3 kB
const React = require("react"); const KeycapHashtagIcon = ({ title, titleId, ...props }) => ( <svg width="1em" height="1em" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg" aria-labelledby={titleId} {...props} > {title ? <title id={titleId}>{title}</title> : null} <g filter="url(#filter0_ii_18590_2185)"> <rect x={1.93433} y={2.0625} width={27.875} height={27.875} rx={3.6} fill="url(#paint0_linear_18590_2185)" /> <rect x={1.93433} y={2.0625} width={27.875} height={27.875} rx={3.6} fill="url(#paint1_radial_18590_2185)" /> </g> <g filter="url(#filter1_f_18590_2185)"> <path d="M28.1218 4.5625V27.4375" stroke="url(#paint2_linear_18590_2185)" strokeWidth={1.5} strokeLinecap="round" /> </g> <g filter="url(#filter2_f_18590_2185)"> <path d="M5.39819 3.875H27.1794" stroke="url(#paint3_linear_18590_2185)" strokeWidth={1.5} strokeLinecap="round" /> </g> <g filter="url(#filter3_f_18590_2185)"> <path d="M12.2841 8.91932C12.3334 8.13031 12.9877 7.51562 13.7783 7.51562C14.6418 7.51562 15.3263 8.24422 15.2724 9.10609L15.1384 11.25C15.1294 11.394 15.2437 11.5156 15.3879 11.5156H16.887C17.019 11.5156 17.1282 11.413 17.1365 11.2812L17.2841 8.91932C17.3334 8.13031 17.9877 7.51562 18.7783 7.51562C19.6418 7.51562 20.3263 8.24422 20.2724 9.10609L20.1384 11.25C20.1294 11.394 20.2437 11.5156 20.3879 11.5156H21.3718C22.2003 11.5156 22.8718 12.1872 22.8718 13.0156C22.8718 13.8441 22.2003 14.5156 21.3718 14.5156H20.1692C20.0372 14.5156 19.9279 14.6183 19.9197 14.75L19.8259 16.25C19.8169 16.394 19.9312 16.5156 20.0754 16.5156H21.3718C22.2003 16.5156 22.8718 17.1872 22.8718 18.0156C22.8718 18.8441 22.2003 19.5156 21.3718 19.5156H19.8567C19.7247 19.5156 19.6154 19.6183 19.6072 19.75L19.4596 22.1119C19.4102 22.9009 18.7559 23.5156 17.9654 23.5156C17.1018 23.5156 16.4174 22.787 16.4712 21.9252L16.6052 19.7812C16.6142 19.6373 16.4999 19.5156 16.3557 19.5156H14.8567C14.7247 19.5156 14.6154 19.6183 14.6072 19.75L14.4596 22.1119C14.4102 22.9009 13.7559 23.5156 12.9654 23.5156C12.1018 23.5156 11.4174 22.787 11.4712 21.9252L11.6052 19.7812C11.6142 19.6373 11.4999 19.5156 11.3557 19.5156H10.3718C9.5434 19.5156 8.87183 18.8441 8.87183 18.0156C8.87183 17.1872 9.5434 16.5156 10.3718 16.5156H11.5745C11.7065 16.5156 11.8157 16.413 11.824 16.2812L11.9177 14.7812C11.9267 14.6373 11.8124 14.5156 11.6682 14.5156H10.3718C9.5434 14.5156 8.87183 13.8441 8.87183 13.0156C8.87183 12.1872 9.5434 11.5156 10.3718 11.5156H11.887C12.019 11.5156 12.1282 11.413 12.1365 11.2812L12.2841 8.91932ZM16.5745 16.5156C16.7065 16.5156 16.8157 16.413 16.824 16.2812L16.9177 14.7812C16.9267 14.6373 16.8124 14.5156 16.6682 14.5156H15.1692C15.0372 14.5156 14.9279 14.6183 14.9197 14.75L14.8259 16.25C14.8169 16.394 14.9312 16.5156 15.0754 16.5156H16.5745Z" fill="#579FFF" /> </g> <g filter="url(#filter4_ii_18590_2185)"> <path d="M12.2841 8.91932C12.3334 8.13031 12.9877 7.51562 13.7783 7.51562C14.6418 7.51562 15.3263 8.24422 15.2724 9.10609L15.1384 11.25C15.1294 11.394 15.2437 11.5156 15.3879 11.5156H16.887C17.019 11.5156 17.1282 11.413 17.1365 11.2812L17.2841 8.91932C17.3334 8.13031 17.9877 7.51562 18.7783 7.51562C19.6418 7.51562 20.3263 8.24422 20.2724 9.10609L20.1384 11.25C20.1294 11.394 20.2437 11.5156 20.3879 11.5156H21.3718C22.2003 11.5156 22.8718 12.1872 22.8718 13.0156C22.8718 13.8441 22.2003 14.5156 21.3718 14.5156H20.1692C20.0372 14.5156 19.9279 14.6183 19.9197 14.75L19.8259 16.25C19.8169 16.394 19.9312 16.5156 20.0754 16.5156H21.3718C22.2003 16.5156 22.8718 17.1872 22.8718 18.0156C22.8718 18.8441 22.2003 19.5156 21.3718 19.5156H19.8567C19.7247 19.5156 19.6154 19.6183 19.6072 19.75L19.4596 22.1119C19.4102 22.9009 18.7559 23.5156 17.9654 23.5156C17.1018 23.5156 16.4174 22.787 16.4712 21.9252L16.6052 19.7812C16.6142 19.6373 16.4999 19.5156 16.3557 19.5156H14.8567C14.7247 19.5156 14.6154 19.6183 14.6072 19.75L14.4596 22.1119C14.4102 22.9009 13.7559 23.5156 12.9654 23.5156C12.1018 23.5156 11.4174 22.787 11.4712 21.9252L11.6052 19.7812C11.6142 19.6373 11.4999 19.5156 11.3557 19.5156H10.3718C9.5434 19.5156 8.87183 18.8441 8.87183 18.0156C8.87183 17.1872 9.5434 16.5156 10.3718 16.5156H11.5745C11.7065 16.5156 11.8157 16.413 11.824 16.2812L11.9177 14.7812C11.9267 14.6373 11.8124 14.5156 11.6682 14.5156H10.3718C9.5434 14.5156 8.87183 13.8441 8.87183 13.0156C8.87183 12.1872 9.5434 11.5156 10.3718 11.5156H11.887C12.019 11.5156 12.1282 11.413 12.1365 11.2812L12.2841 8.91932ZM16.5745 16.5156C16.7065 16.5156 16.8157 16.413 16.824 16.2812L16.9177 14.7812C16.9267 14.6373 16.8124 14.5156 16.6682 14.5156H15.1692C15.0372 14.5156 14.9279 14.6183 14.9197 14.75L14.8259 16.25C14.8169 16.394 14.9312 16.5156 15.0754 16.5156H16.5745Z" fill="#FCF2FF" /> </g> <defs> <filter id="filter0_ii_18590_2185" x={1.93433} y={1.0625} width={28.875} height={28.875} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx={1} dy={-1} /> <feGaussianBlur stdDeviation={1.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.188235 0 0 0 0 0.470588 0 0 0 0 0.843137 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18590_2185" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dy={-1} /> <feGaussianBlur stdDeviation={1.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.27451 0 0 0 0 0.34902 0 0 0 0 0.8 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18590_2185" result="effect2_innerShadow_18590_2185" /> </filter> <filter id="filter1_f_18590_2185" x={25.3718} y={1.8125} width={5.5} height={28.375} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={1} result="effect1_foregroundBlur_18590_2185" /> </filter> <filter id="filter2_f_18590_2185" x={2.64819} y={1.125} width={27.2812} height={5.5} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={1} result="effect1_foregroundBlur_18590_2185" /> </filter> <filter id="filter3_f_18590_2185" x={7.87183} y={6.51562} width={16} height={18} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.5} result="effect1_foregroundBlur_18590_2185" /> </filter> <filter id="filter4_ii_18590_2185" x={7.87183} y={7.11562} width={15.4} height={17.4} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx={-1} dy={1} /> <feGaussianBlur stdDeviation={1} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.866667 0 0 0 0 0.819608 0 0 0 0 0.941176 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18590_2185" /> <feColorMatrix in="SourceAlpha" type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0" result="hardAlpha" /> <feOffset dx={0.4} dy={-0.4} /> <feGaussianBlur stdDeviation={0.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18590_2185" result="effect2_innerShadow_18590_2185" /> </filter> <linearGradient id="paint0_linear_18590_2185" x1={15.8718} y1={5.63701} x2={15.8718} y2={38.8897} gradientUnits="userSpaceOnUse" > <stop stopColor="#5CB7FF" /> <stop offset={1} stopColor="#4878DD" /> </linearGradient> <radialGradient id="paint1_radial_18590_2185" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(27.5906 4.15625) rotate(136.771) scale(2.14444 2.50466)" > <stop stopColor="#7BD7FF" /> <stop offset={1} stopColor="#7BD7FF" stopOpacity={0} /> </radialGradient> <linearGradient id="paint2_linear_18590_2185" x1={28.6218} y1={4.5625} x2={28.6218} y2={27.4375} gradientUnits="userSpaceOnUse" > <stop stopColor="#7FD9FF" /> <stop offset={1} stopColor="#639DF4" /> </linearGradient> <linearGradient id="paint3_linear_18590_2185" x1={28.3357} y1={4.12502} x2={2.80444} y2={4.12502} gradientUnits="userSpaceOnUse" > <stop stopColor="#7DD8FF" /> <stop offset={1} stopColor="#5DB6FF" /> </linearGradient> </defs> </svg> ); module.exports = KeycapHashtagIcon;