UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

251 lines (250 loc) 11 kB
const React = require("react"); const CarrotIcon = ({ 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="M4.69121 29.7742L21.2019 24.8884C25.9297 23.4898 27.5194 17.478 24.125 13.9062L18.856 8.36205C15.4616 4.79031 9.47404 6.18522 7.83695 10.8254L2.11752 27.0661C1.54571 28.685 3.04534 30.2629 4.69121 29.7742Z" fill="#FF8C4C" /> <path d="M4.69121 29.7742L21.2019 24.8884C25.9297 23.4898 27.5194 17.478 24.125 13.9062L18.856 8.36205C15.4616 4.79031 9.47404 6.18522 7.83695 10.8254L2.11752 27.0661C1.54571 28.685 3.04534 30.2629 4.69121 29.7742Z" fill="url(#paint0_linear_18_32213)" /> <path d="M4.69121 29.7742L21.2019 24.8884C25.9297 23.4898 27.5194 17.478 24.125 13.9062L18.856 8.36205C15.4616 4.79031 9.47404 6.18522 7.83695 10.8254L2.11752 27.0661C1.54571 28.685 3.04534 30.2629 4.69121 29.7742Z" fill="url(#paint1_linear_18_32213)" /> <path d="M4.69121 29.7742L21.2019 24.8884C25.9297 23.4898 27.5194 17.478 24.125 13.9062L18.856 8.36205C15.4616 4.79031 9.47404 6.18522 7.83695 10.8254L2.11752 27.0661C1.54571 28.685 3.04534 30.2629 4.69121 29.7742Z" fill="url(#paint2_radial_18_32213)" /> <path d="M4.69121 29.7742L21.2019 24.8884C25.9297 23.4898 27.5194 17.478 24.125 13.9062L18.856 8.36205C15.4616 4.79031 9.47404 6.18522 7.83695 10.8254L2.11752 27.0661C1.54571 28.685 3.04534 30.2629 4.69121 29.7742Z" fill="url(#paint3_radial_18_32213)" /> <path opacity={0.5} d="M13.0056 19.0824C13.528 18.5859 13.5489 17.7645 13.0527 17.2317L7.60134 11.4956L6.62585 14.259L11.1551 19.0249C11.6514 19.5577 12.4832 19.5789 13.0056 19.0824Z" fill="url(#paint4_linear_18_32213)" /> <path opacity={0.5} d="M8.95514 23.7132C8.4327 24.2097 8.4118 25.0311 8.90803 25.564L11.1068 27.8776L13.9163 27.0439L10.7955 23.7601C10.299 23.2376 9.47757 23.2167 8.95514 23.7132Z" fill="url(#paint5_linear_18_32213)" /> <path opacity={0.5} d="M17.0981 16.8874C16.5757 17.3839 16.5548 18.2052 17.051 18.7381L22.4314 24.3996C23.233 23.9726 23.9132 23.4073 24.4506 22.7343L18.9486 16.9449C18.4419 16.4118 17.6205 16.3909 17.0981 16.8874Z" fill="url(#paint6_linear_18_32213)" /> <path d="M18.1324 3.01913C16.3405 4.48761 16.8309 6.53644 17.5163 7.30267C19.0604 8.86773 21.2656 11.0469 21.2656 11.0469C21.6473 11.3063 21.9207 11.2553 22.1527 11.2083C22.3254 11.1733 22.4804 11.0405 22.607 10.8282C22.7128 10.6509 22.6129 7.81794 22.8474 5.23934C23.0223 3.31628 20.172 1.3476 18.1324 3.01913Z" fill="#AAD248" /> <path d="M18.1324 3.01913C16.3405 4.48761 16.8309 6.53644 17.5163 7.30267C19.0604 8.86773 21.2656 11.0469 21.2656 11.0469C21.6473 11.3063 21.9207 11.2553 22.1527 11.2083C22.3254 11.1733 22.4804 11.0405 22.607 10.8282C22.7128 10.6509 22.6129 7.81794 22.8474 5.23934C23.0223 3.31628 20.172 1.3476 18.1324 3.01913Z" fill="url(#paint7_radial_18_32213)" /> <path d="M18.1324 3.01913C16.3405 4.48761 16.8309 6.53644 17.5163 7.30267C19.0604 8.86773 21.2656 11.0469 21.2656 11.0469C21.6473 11.3063 21.9207 11.2553 22.1527 11.2083C22.3254 11.1733 22.4804 11.0405 22.607 10.8282C22.7128 10.6509 22.6129 7.81794 22.8474 5.23934C23.0223 3.31628 20.172 1.3476 18.1324 3.01913Z" fill="url(#paint8_radial_18_32213)" /> <path d="M29.3124 14.4374C27.8024 16.1944 25.7656 15.6562 25.0156 14.9531C23.4871 13.3729 21.6875 11.5312 21.6875 11.5312C21.4371 11.1436 21.4944 10.8714 21.5469 10.6406C21.5859 10.4688 21.7223 10.3169 21.9375 10.1953C22.1172 10.0938 24.6196 9.84585 27.203 9.6717C29.1296 9.54182 31.0311 12.4374 29.3124 14.4374Z" fill="#AAD248" /> <path d="M29.3124 14.4374C27.8024 16.1944 25.7656 15.6562 25.0156 14.9531C23.4871 13.3729 21.6875 11.5312 21.6875 11.5312C21.4371 11.1436 21.4944 10.8714 21.5469 10.6406C21.5859 10.4688 21.7223 10.3169 21.9375 10.1953C22.1172 10.0938 24.6196 9.84585 27.203 9.6717C29.1296 9.54182 31.0311 12.4374 29.3124 14.4374Z" fill="url(#paint9_radial_18_32213)" /> <path d="M29.3124 14.4374C27.8024 16.1944 25.7656 15.6562 25.0156 14.9531C23.4871 13.3729 21.6875 11.5312 21.6875 11.5312C21.4371 11.1436 21.4944 10.8714 21.5469 10.6406C21.5859 10.4688 21.7223 10.3169 21.9375 10.1953C22.1172 10.0938 24.6196 9.84585 27.203 9.6717C29.1296 9.54182 31.0311 12.4374 29.3124 14.4374Z" fill="url(#paint10_radial_18_32213)" /> <path d="M29.3124 14.4374C27.8024 16.1944 25.7656 15.6562 25.0156 14.9531C23.4871 13.3729 21.6875 11.5312 21.6875 11.5312C21.4371 11.1436 21.4944 10.8714 21.5469 10.6406C21.5859 10.4688 21.7223 10.3169 21.9375 10.1953C22.1172 10.0938 24.6196 9.84585 27.203 9.6717C29.1296 9.54182 31.0311 12.4374 29.3124 14.4374Z" fill="url(#paint11_linear_18_32213)" /> <path d="M28.0936 3.7656C30.6271 5.62189 29.3124 9.2655 27.203 9.67175C25.6982 9.96157 22.1328 10.1094 22.1328 10.1094C22.1328 10.1094 22.4214 6.52569 22.828 5.3124C23.8124 2.37489 26.5155 2.60929 28.0936 3.7656Z" fill="#AAD248" /> <path d="M28.0936 3.7656C30.6271 5.62189 29.3124 9.2655 27.203 9.67175C25.6982 9.96157 22.1328 10.1094 22.1328 10.1094C22.1328 10.1094 22.4214 6.52569 22.828 5.3124C23.8124 2.37489 26.5155 2.60929 28.0936 3.7656Z" fill="url(#paint12_radial_18_32213)" /> <path d="M28.0936 3.7656C30.6271 5.62189 29.3124 9.2655 27.203 9.67175C25.6982 9.96157 22.1328 10.1094 22.1328 10.1094C22.1328 10.1094 22.4214 6.52569 22.828 5.3124C23.8124 2.37489 26.5155 2.60929 28.0936 3.7656Z" fill="url(#paint13_radial_18_32213)" /> <defs> <linearGradient id="paint0_linear_18_32213" x1={-2.5} y1={12.5} x2={11.5625} y2={20.3125} gradientUnits="userSpaceOnUse" > <stop offset={0.541095} stopColor="#B3734C" /> <stop offset={0.769434} stopColor="#EA842A" /> <stop offset={1} stopColor="#FD9434" /> </linearGradient> <linearGradient id="paint1_linear_18_32213" x1={20.5} y1={32.375} x2={15.0625} y2={18.5625} gradientUnits="userSpaceOnUse" > <stop offset={0.403558} stopColor="#FF7CB4" /> <stop offset={1} stopColor="#FF717B" stopOpacity={0} /> </linearGradient> <radialGradient id="paint2_radial_18_32213" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(21.625 14.875) rotate(131.009) scale(7.61988 15.3206)" > <stop stopColor="#FFD769" /> <stop offset={0.530115} stopColor="#FFA427" /> <stop offset={1} stopColor="#FCA328" stopOpacity={0} /> </radialGradient> <radialGradient id="paint3_radial_18_32213" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(8.5625 24) rotate(139.81) scale(22.663 22.6004)" > <stop offset={0.0529174} stopColor="#FF9243" stopOpacity={0} /> <stop offset={0.772514} stopColor="#F28B3A" stopOpacity={0} /> <stop offset={0.848764} stopColor="#CB751F" /> </radialGradient> <linearGradient id="paint4_linear_18_32213" x1={7.1875} y1={13.6875} x2={12.9375} y2={19.125} gradientUnits="userSpaceOnUse" > <stop offset={0.0997318} stopColor="#6E482A" /> <stop offset={1} stopColor="#AC5E3B" /> </linearGradient> <linearGradient id="paint5_linear_18_32213" x1={8.94705} y1={24.0124} x2={11.5852} y2={28.7975} gradientUnits="userSpaceOnUse" > <stop offset={0.0997318} stopColor="#9E5044" /> <stop offset={1} stopColor="#C95D82" /> </linearGradient> <linearGradient id="paint6_linear_18_32213" x1={17.25} y1={17.6875} x2={22.2781} y2={24.414} gradientUnits="userSpaceOnUse" > <stop offset={0.0997318} stopColor="#AA6147" /> <stop offset={1} stopColor="#CB747C" /> </linearGradient> <radialGradient id="paint7_radial_18_32213" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(21.3125 4.625) rotate(152.103) scale(2.40442 2.25704)" > <stop stopColor="#C1F26B" /> <stop offset={1} stopColor="#BCEF62" stopOpacity={0} /> </radialGradient> <radialGradient id="paint8_radial_18_32213" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(21.6875 6.25) rotate(170.615) scale(4.98271 7.03763)" > <stop stopColor="#AFDC52" stopOpacity={0} /> <stop offset={0.712833} stopColor="#8BC028" /> <stop offset={1} stopColor="#81AA56" /> </radialGradient> <radialGradient id="paint9_radial_18_32213" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(28.4375 11.75) rotate(139.268) scale(2.96924 2.78724)" > <stop stopColor="#C1F26B" /> <stop offset={1} stopColor="#BCEF62" stopOpacity={0} /> </radialGradient> <radialGradient id="paint10_radial_18_32213" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(25.7816 11.5625) rotate(77.0973) scale(4.61657 12.0851)" > <stop stopColor="#A7D029" stopOpacity={0} /> <stop offset={1} stopColor="#B3BA74" /> </radialGradient> <linearGradient id="paint11_linear_18_32213" x1={27.7188} y1={9.125} x2={27.625} y2={10.6875} gradientUnits="userSpaceOnUse" > <stop offset={0.276206} stopColor="#8ACE17" /> <stop offset={1} stopColor="#91D212" stopOpacity={0} /> </linearGradient> <radialGradient id="paint12_radial_18_32213" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(27.5446 4.85697) rotate(111.999) scale(2.75927 2.11078)" > <stop stopColor="#C1F26B" /> <stop offset={1} stopColor="#BCEF62" stopOpacity={0} /> </radialGradient> <radialGradient id="paint13_radial_18_32213" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(27.125 5.9375) rotate(135) scale(11.1369 5.35009)" > <stop stopColor="#AFDC52" stopOpacity={0} /> <stop offset={0.847117} stopColor="#6FB909" /> </radialGradient> </defs> </svg> ); module.exports = CarrotIcon;