UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

543 lines (542 loc) 21.1 kB
const React = require("react"); const CowboyHatFaceIcon = ({ 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_i_6808_5273)"> <path d="M15.9619 30.9333C23.9635 30.9333 27.9619 25.5608 27.9619 18.9333C27.9619 12.3059 23.9635 6.93335 15.9619 6.93335C7.96032 6.93335 3.96191 12.3059 3.96191 18.9333C3.96191 25.5608 7.96032 30.9333 15.9619 30.9333Z" fill="url(#paint0_radial_6808_5273)" /> </g> <path d="M15.9619 30.9333C23.9635 30.9333 27.9619 25.5608 27.9619 18.9333C27.9619 12.3059 23.9635 6.93335 15.9619 6.93335C7.96032 6.93335 3.96191 12.3059 3.96191 18.9333C3.96191 25.5608 7.96032 30.9333 15.9619 30.9333Z" fill="url(#paint1_radial_6808_5273)" style={{ mixBlendMode: "multiply", }} /> <path d="M15.9619 30.9333C23.9635 30.9333 27.9619 25.5608 27.9619 18.9333C27.9619 12.3059 23.9635 6.93335 15.9619 6.93335C7.96032 6.93335 3.96191 12.3059 3.96191 18.9333C3.96191 25.5608 7.96032 30.9333 15.9619 30.9333Z" fill="url(#paint2_radial_6808_5273)" /> <path d="M18.8564 2C18.163 2 17.5298 2.22707 17.0172 2.60223C16.4343 3.17484 15.4795 3.17484 14.8966 2.60223C14.384 2.22707 13.7509 2 13.0574 2C11.3489 2 9.96191 3.36241 9.96191 5.04075V10.0066H21.9519V5.04075C21.9519 3.36241 20.565 2 18.8564 2Z" fill="url(#paint3_linear_6808_5273)" /> <g filter="url(#filter1_f_6808_5273)"> <circle cx={13.3504} cy={4.41212} r={2.41212} fill="url(#paint4_radial_6808_5273)" fillOpacity={0.75} /> </g> <g filter="url(#filter2_f_6808_5273)"> <ellipse cx={19.575} cy={4.62989} rx={2.215} ry={2.19434} fill="url(#paint5_radial_6808_5273)" fillOpacity={0.75} /> </g> <path d="M21.9604 4.9408H9.87527C9.82004 4.9408 9.77527 4.98557 9.77527 5.0408V5.9408H22.0604V5.0408C22.0604 4.98557 22.0157 4.9408 21.9604 4.9408Z" fill="url(#paint6_linear_6808_5273)" /> <path d="M21.9604 4.9408H9.87527C9.82004 4.9408 9.77527 4.98557 9.77527 5.0408V5.9408H22.0604V5.0408C22.0604 4.98557 22.0157 4.9408 21.9604 4.9408Z" fill="url(#paint7_linear_6808_5273)" /> <g opacity={0.8} filter="url(#filter3_f_6808_5273)"> <path d="M10.6384 18.3765C12.5805 18.3765 14.155 16.802 14.155 14.8599C14.155 12.9177 12.5805 11.3433 10.6384 11.3433C8.69625 11.3433 7.12183 12.9177 7.12183 14.8599C7.12183 16.802 8.69625 18.3765 10.6384 18.3765Z" fill="#D3751F" /> </g> <g filter="url(#filter4_f_6808_5273)"> <path d="M19.9519 18.2566C21.894 18.2566 23.4684 16.6822 23.4684 14.7401C23.4684 12.7979 21.894 11.2235 19.9519 11.2235C18.0097 11.2235 16.4353 12.7979 16.4353 14.7401C16.4353 16.6822 18.0097 18.2566 19.9519 18.2566Z" fill="#FF9B40" /> </g> <path d="M11.4819 17.9734C13.4922 17.9734 15.1219 16.3437 15.1219 14.3334C15.1219 12.323 13.4922 10.6934 11.4819 10.6934C9.4716 10.6934 7.84192 12.323 7.84192 14.3334C7.84192 16.3437 9.4716 17.9734 11.4819 17.9734Z" fill="white" /> <path d="M20.4219 17.9734C22.4322 17.9734 24.0619 16.3437 24.0619 14.3334C24.0619 12.323 22.4322 10.6934 20.4219 10.6934C18.4115 10.6934 16.7819 12.323 16.7819 14.3334C16.7819 16.3437 18.4115 17.9734 20.4219 17.9734Z" fill="white" /> <path d="M9.50183 14.9833C9.50183 13.6333 10.6018 12.5333 11.9518 12.5333C13.3018 12.5333 14.4018 13.6333 14.4018 14.9833C14.4018 16.3333 13.3018 17.4333 11.9518 17.4333C10.6018 17.4333 9.50183 16.3333 9.50183 14.9833Z" fill="#3F2931" /> <path d="M17.5018 14.9833C17.5018 13.6333 18.6018 12.5333 19.9518 12.5333C21.3018 12.5333 22.4018 13.6333 22.4018 14.9833C22.4018 16.3333 21.3018 17.4333 19.9518 17.4333C18.6018 17.4333 17.5018 16.3333 17.5018 14.9833Z" fill="#3F2931" /> <path d="M26.4871 8.10586H29.9338C29.9338 5.49586 28.5671 3.38586 25.9571 3.38586C24.1371 3.38586 25.4171 4.42586 24.6371 5.94586L7.09707 5.93586C7.09707 4.88586 7.22707 3.38586 5.39707 3.38586C2.78707 3.38586 1.58691 5.49586 1.58691 8.10586H2.69707L5.39707 7.95121C8.32707 10.4212 10.8525 12.0918 15.9775 12.0918C20.1175 12.0918 23.5571 10.5859 26.4871 8.10586Z" fill="url(#paint8_linear_6808_5273)" /> <path d="M26.4871 8.10586H29.9338C29.9338 5.49586 28.5671 3.38586 25.9571 3.38586C24.1371 3.38586 25.4171 4.42586 24.6371 5.94586L7.09707 5.93586C7.09707 4.88586 7.22707 3.38586 5.39707 3.38586C2.78707 3.38586 1.58691 5.49586 1.58691 8.10586H2.69707L5.39707 7.95121C8.32707 10.4212 10.8525 12.0918 15.9775 12.0918C20.1175 12.0918 23.5571 10.5859 26.4871 8.10586Z" fill="url(#paint9_radial_6808_5273)" /> <path d="M26.4871 8.10586H29.9338C29.9338 5.49586 28.5671 3.38586 25.9571 3.38586C24.1371 3.38586 25.4171 4.42586 24.6371 5.94586L7.09707 5.93586C7.09707 4.88586 7.22707 3.38586 5.39707 3.38586C2.78707 3.38586 1.58691 5.49586 1.58691 8.10586H2.69707L5.39707 7.95121C8.32707 10.4212 10.8525 12.0918 15.9775 12.0918C20.1175 12.0918 23.5571 10.5859 26.4871 8.10586Z" fill="url(#paint10_radial_6808_5273)" /> <path d="M8.05687 5.87332C8.05687 5.87332 8.03687 6.58332 8.06687 7.18332C8.18687 9.35332 9.92687 10.9833 9.92687 10.9833C9.92687 10.9833 9.01643 10.5915 8.25846 10.2277C7.87109 10.0418 7.40112 10.0971 7.10316 10.4067C6.01112 11.5413 5.48141 12.5254 5.48141 12.5254C5.48141 12.5254 3.95406 12.5254 2.47687 11.3333C1.21687 10.2333 1.04687 8.57332 1.04687 8.57332C1.04687 8.57332 0.366874 4.62332 4.18687 3.28332C7.25687 2.21332 8.04687 3.83332 8.04687 4.97332C8.04687 5.19332 8.05687 5.87332 8.05687 5.87332Z" fill="url(#paint11_linear_6808_5273)" /> <path d="M8.05687 5.87332C8.05687 5.87332 8.03687 6.58332 8.06687 7.18332C8.18687 9.35332 9.92687 10.9833 9.92687 10.9833C9.92687 10.9833 9.01643 10.5915 8.25846 10.2277C7.87109 10.0418 7.40112 10.0971 7.10316 10.4067C6.01112 11.5413 5.48141 12.5254 5.48141 12.5254C5.48141 12.5254 3.95406 12.5254 2.47687 11.3333C1.21687 10.2333 1.04687 8.57332 1.04687 8.57332C1.04687 8.57332 0.366874 4.62332 4.18687 3.28332C7.25687 2.21332 8.04687 3.83332 8.04687 4.97332C8.04687 5.19332 8.05687 5.87332 8.05687 5.87332Z" fill="url(#paint12_radial_6808_5273)" /> <g filter="url(#filter5_f_6808_5273)"> <path d="M1.28232 8.24901C2.02153 5.64812 5.64688 7.44794 7.39299 9.51243C7.68618 9.85908 7.98634 10.0978 8.30567 10.248L8.29997 10.2643C8.27434 10.2521 8.24884 10.2399 8.22351 10.2277C7.83614 10.0418 7.36559 10.0967 7.07032 10.4088C6.02442 11.123 5.30567 12.0918 5.30567 12.0918C5.30567 12.0918 4.0088 12.0918 2.55567 10.873C1.66797 10.1285 1.3952 9.18916 1.31146 8.66973C1.26988 8.41185 1.21091 8.50026 1.28232 8.24901V8.24901Z" fill="url(#paint13_radial_6808_5273)" /> </g> <path d="M23.8707 5.87551C23.8707 5.87551 23.8907 6.58551 23.8607 7.18551C23.7407 9.35551 21.9931 10.9238 21.9931 10.9238C21.9931 10.9238 22.9058 10.5684 23.6653 10.2221C24.0563 10.0439 24.5271 10.0989 24.8223 10.411C25.8943 11.5443 26.3507 12.5255 26.3507 12.5255C26.3507 12.5255 27.9007 12.6955 29.4507 11.3355C30.7107 10.2355 30.8807 8.57551 30.8807 8.57551C30.8807 8.57551 31.5607 4.62551 27.7407 3.28551C24.6707 2.21551 23.8807 3.83551 23.8807 4.97551C23.8807 5.19551 23.8707 5.87551 23.8707 5.87551Z" fill="url(#paint14_linear_6808_5273)" /> <path d="M23.8707 5.87551C23.8707 5.87551 23.8907 6.58551 23.8607 7.18551C23.7407 9.35551 21.9931 10.9238 21.9931 10.9238C21.9931 10.9238 22.9058 10.5684 23.6653 10.2221C24.0563 10.0439 24.5271 10.0989 24.8223 10.411C25.8943 11.5443 26.3507 12.5255 26.3507 12.5255C26.3507 12.5255 27.9007 12.6955 29.4507 11.3355C30.7107 10.2355 30.8807 8.57551 30.8807 8.57551C30.8807 8.57551 31.5607 4.62551 27.7407 3.28551C24.6707 2.21551 23.8807 3.83551 23.8807 4.97551C23.8807 5.19551 23.8707 5.87551 23.8707 5.87551Z" fill="url(#paint15_radial_6808_5273)" /> <g filter="url(#filter6_f_6808_5273)"> <path d="M30.8045 8.42288C29.7258 6.01909 26.1865 7.3572 24.5443 9.4176C24.2258 9.81724 23.9003 10.0863 23.552 10.2502L23.5577 10.2665C23.5833 10.2543 23.6088 10.2421 23.6342 10.2299C24.0215 10.044 24.6041 9.95433 24.8993 10.2665C25.9713 11.3997 26.4306 12.3574 26.4306 12.3574C26.4306 12.3574 27.7243 12.6549 29.2743 11.2949C29.9578 10.7169 30.3613 10.0078 30.5913 9.45963C30.8257 8.90091 31.0526 8.97566 30.8045 8.42288V8.42288Z" fill="url(#paint16_radial_6808_5273)" /> </g> <g opacity={0.25} filter="url(#filter7_f_6808_5273)"> <path d="M25.187 9.88794C25.536 9.53898 26.4089 8.59106 27.1089 7.59106" stroke="white" strokeWidth={0.5} strokeLinecap="round" /> </g> <path d="M15.9835 27.8981C8.07874 27.8981 8.07874 19.9933 8.07874 19.9933H23.8883C23.8883 19.9933 23.8883 27.8981 15.9835 27.8981Z" fill="url(#paint17_radial_6808_5273)" /> <path d="M8.95703 20.3107V19.9933H23.01V20.3107C23.01 20.863 22.5623 21.3108 22.01 21.3108H9.95703C9.40475 21.3108 8.95703 20.863 8.95703 20.3107Z" fill="url(#paint18_linear_6808_5273)" /> <defs> <filter id="filter0_i_6808_5273" x={3.96191} y={4.93335} width={26} height={26} 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={2} dy={-2} /> <feGaussianBlur stdDeviation={2} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.08 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_6808_5273" /> </filter> <filter id="filter1_f_6808_5273" x={9.93823} y={1} width={6.82422} height={6.82422} 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_6808_5273" /> </filter> <filter id="filter2_f_6808_5273" x={16.36} y={1.43555} width={6.43005} height={6.38867} 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_6808_5273" /> </filter> <filter id="filter3_f_6808_5273" x={6.12183} y={10.3433} width={9.03308} height={9.03314} 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_6808_5273" /> </filter> <filter id="filter4_f_6808_5273" x={15.4353} y={10.2235} width={9.03308} height={9.03314} 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_6808_5273" /> </filter> <filter id="filter5_f_6808_5273" x={0.248901} y={5.95782} width={9.05676} height={7.13397} 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_6808_5273" /> </filter> <filter id="filter6_f_6808_5273" x={22.552} y={6.13788} width={9.36023} height={7.24707} 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_6808_5273" /> </filter> <filter id="filter7_f_6808_5273" x={23.937} y={6.34106} width={4.42188} height={4.79688} 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_6808_5273" /> </filter> <radialGradient id="paint0_radial_6808_5273" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(24.1064 12.9338) rotate(132.839) scale(32.1483)" > <stop stopColor="#FFF478" /> <stop offset={0.474827} stopColor="#FFB02E" /> <stop offset={1} stopColor="#F70A8D" /> </radialGradient> <radialGradient id="paint1_radial_6808_5273" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14.8437 -7.90116) rotate(90.4584) scale(29.9527 50.053)" > <stop offset={0.54644} stopColor="#C47F18" /> <stop offset={0.807292} stopColor="#C47F18" stopOpacity={0} /> </radialGradient> <radialGradient id="paint2_radial_6808_5273" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.9629 15.9341) rotate(90) scale(15.3315)" > <stop offset={0.823911} stopColor="#F59639" stopOpacity={0} /> <stop offset={1} stopColor="#FF63C4" /> </radialGradient> <linearGradient id="paint3_linear_6808_5273" x1={15.9588} y1={-0.0857281} x2={15.9588} y2={9.19922} gradientUnits="userSpaceOnUse" > <stop stopColor="#9C634D" /> <stop offset={1} stopColor="#63332A" /> </linearGradient> <radialGradient id="paint4_radial_6808_5273" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(13.7881 4.41212) rotate(-48.3665) scale(1.93638 2.22419)" > <stop stopColor="#BA7D72" /> <stop offset={0.8661} stopColor="#BA7D72" stopOpacity={0} /> </radialGradient> <radialGradient id="paint5_radial_6808_5273" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.977 4.62989) rotate(-48.0997) scale(1.7689 2.03396)" > <stop stopColor="#BA7D72" /> <stop offset={0.8661} stopColor="#BA7D72" stopOpacity={0} /> </radialGradient> <linearGradient id="paint6_linear_6808_5273" x1={19.1807} y1={4.12303} x2={7.39941} y2={9.15428} gradientUnits="userSpaceOnUse" > <stop stopColor="#A97C50" /> <stop offset={1} stopColor="#875236" /> </linearGradient> <linearGradient id="paint7_linear_6808_5273" x1={15.9178} y1={4.59959} x2={15.9178} y2={5.20897} gradientUnits="userSpaceOnUse" > <stop stopColor="#C59779" /> <stop offset={1} stopColor="#C59779" stopOpacity={0} /> </linearGradient> <linearGradient id="paint8_linear_6808_5273" x1={3.74629} y1={7.18559} x2={26.6213} y2={7.18559} gradientUnits="userSpaceOnUse" > <stop stopColor="#63332A" /> <stop offset={0.421875} stopColor="#9C634D" /> <stop offset={0.896175} stopColor="#63332A" /> </linearGradient> <radialGradient id="paint9_radial_6808_5273" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.0244 4.74809) rotate(89.3538) scale(8.31303 13.5711)" > <stop offset={0.807292} stopColor="#BA7D72" stopOpacity={0} /> <stop offset={1} stopColor="#BA7D72" /> </radialGradient> <radialGradient id="paint10_radial_6808_5273" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.8088 3.38586) rotate(90.2562) scale(10.8311 16.1714)" > <stop offset={0.697979} stopColor="#A30599" stopOpacity={0} /> <stop offset={1} stopColor="#BF0AB4" /> </radialGradient> <linearGradient id="paint11_linear_6808_5273" x1={5.99687} y1={4.2793} x2={5.21562} y2={13.0293} gradientUnits="userSpaceOnUse" > <stop stopColor="#9C634D" /> <stop offset={1} stopColor="#63332A" /> </linearGradient> <radialGradient id="paint12_radial_6808_5273" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(9.92687 8.74805) rotate(169.551) scale(2.75697 7.49416)" > <stop stopColor="#BA7D72" /> <stop offset={1} stopColor="#BA7D72" stopOpacity={0} /> </radialGradient> <radialGradient id="paint13_radial_6808_5273" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(7.27442 14.623) rotate(-123.82) scale(7.63581 6.10036)" > <stop stopColor="#BF0AB4" /> <stop offset={1} stopColor="#A30599" stopOpacity={0} /> </radialGradient> <linearGradient id="paint14_linear_6808_5273" x1={25.9307} y1={4.2815} x2={26.712} y2={13.0315} gradientUnits="userSpaceOnUse" > <stop stopColor="#9C634D" /> <stop offset={1} stopColor="#63332A" /> </linearGradient> <radialGradient id="paint15_radial_6808_5273" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(22.0007 8.75025) rotate(10.4489) scale(2.75697 7.49416)" > <stop stopColor="#BA7D72" /> <stop offset={1} stopColor="#BA7D72" stopOpacity={0} /> </radialGradient> <radialGradient id="paint16_radial_6808_5273" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(24.5833 14.6252) rotate(-56.1799) scale(7.63582 6.10036)" > <stop stopColor="#BF0AB4" /> <stop offset={1} stopColor="#A30599" stopOpacity={0} /> </radialGradient> <radialGradient id="paint17_radial_6808_5273" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.9835 29.6547) rotate(-90) scale(9.6614 19.3228)" > <stop stopColor="#F70A8D" /> <stop offset={1} stopColor="#89029C" /> </radialGradient> <linearGradient id="paint18_linear_6808_5273" x1={15.9835} y1={19.9933} x2={15.9835} y2={21.3108} gradientUnits="userSpaceOnUse" > <stop stopColor="#ECCDFF" /> <stop offset={1} stopColor="white" /> </linearGradient> </defs> </svg> ); module.exports = CowboyHatFaceIcon;