UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

193 lines (192 loc) 9.49 kB
const React = require("react"); const OnionIcon = ({ 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} <path d="M17.5914 26.4213H14.3524C14.0425 26.4213 13.7891 26.6794 13.7891 26.9949V27.1096C13.7891 27.7693 14.0703 28.3047 14.9626 28.3047H16.9905C17.9609 28.3047 18.1641 27.7693 18.1641 27.1096V26.9949C18.1547 26.6794 17.9012 26.4213 17.5914 26.4213Z" fill="#CE8732" /> <path d="M18.4401 4.78498V3.10726C18.4401 2.72221 17.9643 2.53885 17.7081 2.83222L16.2532 4.40625C16.0885 4.59878 15.7957 4.59878 15.6218 4.40625L14.1669 2.83222C13.9107 2.53885 13.5469 2.72221 13.5469 3.10726V4.79414C13.5469 5.83928 12.8035 6.78357 11.8427 7.19613C8.08194 8.79134 5.4375 12.5227 5.4375 16.8774C5.4375 22.4515 10.0767 27.2462 15.6401 27.4021C21.5787 27.5671 26.4375 22.7907 26.4375 16.8866C26.4375 12.5318 23.7931 8.79134 20.0323 7.19613C19.0715 6.77441 18.4401 5.83928 18.4401 4.78498Z" fill="url(#paint0_linear_18_29582)" /> <path d="M18.4401 4.78498V3.10726C18.4401 2.72221 17.9643 2.53885 17.7081 2.83222L16.2532 4.40625C16.0885 4.59878 15.7957 4.59878 15.6218 4.40625L14.1669 2.83222C13.9107 2.53885 13.5469 2.72221 13.5469 3.10726V4.79414C13.5469 5.83928 12.8035 6.78357 11.8427 7.19613C8.08194 8.79134 5.4375 12.5227 5.4375 16.8774C5.4375 22.4515 10.0767 27.2462 15.6401 27.4021C21.5787 27.5671 26.4375 22.7907 26.4375 16.8866C26.4375 12.5318 23.7931 8.79134 20.0323 7.19613C19.0715 6.77441 18.4401 5.83928 18.4401 4.78498Z" fill="url(#paint1_radial_18_29582)" /> <path d="M18.4401 4.78498V3.10726C18.4401 2.72221 17.9643 2.53885 17.7081 2.83222L16.2532 4.40625C16.0885 4.59878 15.7957 4.59878 15.6218 4.40625L14.1669 2.83222C13.9107 2.53885 13.5469 2.72221 13.5469 3.10726V4.79414C13.5469 5.83928 12.8035 6.78357 11.8427 7.19613C8.08194 8.79134 5.4375 12.5227 5.4375 16.8774C5.4375 22.4515 10.0767 27.2462 15.6401 27.4021C21.5787 27.5671 26.4375 22.7907 26.4375 16.8866C26.4375 12.5318 23.7931 8.79134 20.0323 7.19613C19.0715 6.77441 18.4401 5.83928 18.4401 4.78498Z" fill="url(#paint2_radial_18_29582)" /> <path d="M18.4401 4.78498V3.10726C18.4401 2.72221 17.9643 2.53885 17.7081 2.83222L16.2532 4.40625C16.0885 4.59878 15.7957 4.59878 15.6218 4.40625L14.1669 2.83222C13.9107 2.53885 13.5469 2.72221 13.5469 3.10726V4.79414C13.5469 5.83928 12.8035 6.78357 11.8427 7.19613C8.08194 8.79134 5.4375 12.5227 5.4375 16.8774C5.4375 22.4515 10.0767 27.2462 15.6401 27.4021C21.5787 27.5671 26.4375 22.7907 26.4375 16.8866C26.4375 12.5318 23.7931 8.79134 20.0323 7.19613C19.0715 6.77441 18.4401 5.83928 18.4401 4.78498Z" fill="url(#paint3_linear_18_29582)" /> <path d="M18.4401 4.78498V3.10726C18.4401 2.72221 17.9643 2.53885 17.7081 2.83222L16.2532 4.40625C16.0885 4.59878 15.7957 4.59878 15.6218 4.40625L14.1669 2.83222C13.9107 2.53885 13.5469 2.72221 13.5469 3.10726V4.79414C13.5469 5.83928 12.8035 6.78357 11.8427 7.19613C8.08194 8.79134 5.4375 12.5227 5.4375 16.8774C5.4375 22.4515 10.0767 27.2462 15.6401 27.4021C21.5787 27.5671 26.4375 22.7907 26.4375 16.8866C26.4375 12.5318 23.7931 8.79134 20.0323 7.19613C19.0715 6.77441 18.4401 5.83928 18.4401 4.78498Z" fill="url(#paint4_radial_18_29582)" /> <path d="M18.4401 4.78498V3.10726C18.4401 2.72221 17.9643 2.53885 17.7081 2.83222L16.2532 4.40625C16.0885 4.59878 15.7957 4.59878 15.6218 4.40625L14.1669 2.83222C13.9107 2.53885 13.5469 2.72221 13.5469 3.10726V4.79414C13.5469 5.83928 12.8035 6.78357 11.8427 7.19613C8.08194 8.79134 5.4375 12.5227 5.4375 16.8774C5.4375 22.4515 10.0767 27.2462 15.6401 27.4021C21.5787 27.5671 26.4375 22.7907 26.4375 16.8866C26.4375 12.5318 23.7931 8.79134 20.0323 7.19613C19.0715 6.77441 18.4401 5.83928 18.4401 4.78498Z" fill="url(#paint5_radial_18_29582)" /> <path d="M16.9062 26.875C19.5062 19.5 19.3438 12.75 16.9062 7.09375C18.0312 8.5 19.5938 11.2188 19.5938 16.4375C19.5938 22.4688 17.8854 24.9896 16.9062 26.875Z" fill="url(#paint6_linear_18_29582)" /> <path d="M24.3125 16.4375C24.3125 21.8438 22.3125 23.2812 20.125 26.0938C23.1158 22.2484 23.5625 19.75 23.5625 16.4375C23.5625 13.5781 23.0278 11.1854 20.125 7.875C21.8438 9.5625 24.3125 11.875 24.3125 16.4375Z" fill="url(#paint7_linear_18_29582)" /> <path d="M7.56274 16.4375C7.56274 21.8438 9.56274 23.2812 11.7502 26.0938C8.75942 22.2484 8.31274 19.75 8.31274 16.4375C8.31274 13.5781 8.84744 11.1854 11.7502 7.875C10.0315 9.5625 7.56274 11.875 7.56274 16.4375Z" fill="url(#paint8_linear_18_29582)" /> <path d="M14.9688 26.875C12.3688 19.5 12.5312 12.75 14.9688 7.09375C13.8438 8.5 12.2812 11.2188 12.2812 16.4375C12.2812 22.4688 13.9896 24.9896 14.9688 26.875Z" fill="url(#paint9_linear_18_29582)" /> <rect width={32} height={32} /> <defs> <linearGradient id="paint0_linear_18_29582" x1={17.1614} y1={2.974} x2={17.1039} y2={27.0396} gradientUnits="userSpaceOnUse" > <stop stopColor="#D0A770" /> <stop offset={0.0944421} stopColor="#DCB074" /> <stop offset={0.229482} stopColor="#D9AA65" /> <stop offset={0.460878} stopColor="#E2A35B" /> <stop offset={0.87135} stopColor="#DE804E" /> <stop offset={0.9944} stopColor="#C0635B" /> </linearGradient> <radialGradient id="paint1_radial_18_29582" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(22.375 15.9375) rotate(149.497) scale(14.6529 12.4485)" > <stop offset={0.212961} stopColor="#FFCF80" /> <stop offset={0.80295} stopColor="#FFCF80" stopOpacity={0} /> </radialGradient> <radialGradient id="paint2_radial_18_29582" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.9375 16.1875) rotate(90) scale(13.625 19.625)" > <stop offset={0.533333} stopColor="#AA7C4B" stopOpacity={0} /> <stop offset={1} stopColor="#A87A48" /> </radialGradient> <linearGradient id="paint3_linear_18_29582" x1={1.625} y1={15.6875} x2={15.5} y2={15.8125} gradientUnits="userSpaceOnUse" > <stop stopColor="#A67746" /> <stop offset={1} stopColor="#EAA260" stopOpacity={0} /> </linearGradient> <radialGradient id="paint4_radial_18_29582" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(2.25 32.3125) rotate(-32.1407) scale(22.4389 19.0631)" > <stop stopColor="#A6525E" /> <stop offset={1} stopColor="#A6535A" stopOpacity={0} /> </radialGradient> <radialGradient id="paint5_radial_18_29582" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(18.1875 3.9375) rotate(130.601) scale(3.45733 2.9372)" > <stop stopColor="#FFE1A3" /> <stop offset={1} stopColor="#FFE2A3" stopOpacity={0} /> </radialGradient> <linearGradient id="paint6_linear_18_29582" x1={18.25} y1={7.09375} x2={18.25} y2={26.875} gradientUnits="userSpaceOnUse" > <stop offset={0.0236967} stopColor="#D8AB66" /> <stop offset={0.295419} stopColor="#EEA447" /> <stop offset={0.478673} stopColor="#F8A965" /> <stop offset={0.649289} stopColor="#F09358" /> <stop offset={0.778831} stopColor="#EB8C47" /> <stop offset={0.883096} stopColor="#CB7653" /> <stop offset={0.974724} stopColor="#C57253" /> </linearGradient> <linearGradient id="paint7_linear_18_29582" x1={22.2188} y1={7.875} x2={22.2188} y2={26.0938} gradientUnits="userSpaceOnUse" > <stop stopColor="#DFB16B" /> <stop offset={0.202401} stopColor="#F6B65A" /> <stop offset={0.463122} stopColor="#FFB35E" /> <stop offset={0.682676} stopColor="#FFA156" /> <stop offset={0.864494} stopColor="#F59642" /> <stop offset={1} stopColor="#EA8C4E" /> </linearGradient> <linearGradient id="paint8_linear_18_29582" x1={9.65649} y1={7.875} x2={9.65649} y2={26.0938} gradientUnits="userSpaceOnUse" > <stop stopColor="#AF8754" /> <stop offset={0.233276} stopColor="#B28350" /> <stop offset={0.473413} stopColor="#B07647" /> <stop offset={0.692967} stopColor="#AA6744" /> <stop offset={1} stopColor="#AB5A45" /> </linearGradient> <linearGradient id="paint9_linear_18_29582" x1={13.625} y1={7.09375} x2={13.625} y2={26.875} gradientUnits="userSpaceOnUse" > <stop stopColor="#BD965B" /> <stop offset={0.295419} stopColor="#C58F4B" /> <stop offset={0.478673} stopColor="#C57A35" /> <stop offset={0.649289} stopColor="#C56D3E" /> <stop offset={0.778831} stopColor="#C97044" /> <stop offset={1} stopColor="#BE6250" /> </linearGradient> </defs> </svg> ); module.exports = OnionIcon;