UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

546 lines (545 loc) 20.6 kB
const React = require("react"); const GreenSaladIcon = ({ 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="M18.69 30H13.28C5.53125 30 2 24.7933 2 18.3827V12.96H29.97V18.3827C29.97 24.7933 26.5625 30 18.69 30Z" fill="url(#paint0_linear_18_30610)" /> <path d="M21.97 7.17993C25.16 7.17993 27.75 9.76993 27.75 12.9599C27.75 16.1499 25.16 18.7399 21.97 18.7399H9.99997C6.80997 18.7399 4.21997 16.1499 4.21997 12.9599C4.21997 9.76993 6.80997 7.17993 9.99997 7.17993H21.97Z" fill="url(#paint1_linear_18_30610)" /> <path d="M21.97 6H10C5.58 6 2 9.3143 2 13.4063C2 17.4982 5.58 20.8125 10 20.8125H21.97C26.39 20.8125 29.97 17.4982 29.97 13.4063C29.97 9.3143 26.39 6 21.97 6Z" fill="url(#paint2_linear_18_30610)" /> <g filter="url(#filter0_f_18_30610)"> <path d="M21.7684 6.1875H10.0129C5.67209 6.1875 2.15625 9.5018 2.15625 13.5938C2.15625 17.6857 5.67209 21 10.0129 21H21.7684C26.1092 21 29.625 17.6857 29.625 13.5938C29.625 9.5018 26.1092 6.1875 21.7684 6.1875Z" fill="#DDDAE4" /> </g> <path d="M27.1719 11.4062C25.8932 8.92056 24.0312 8.90625 22.4219 7.79688C20.8125 6.6875 20.7274 5.99165 19.81 4.84C18.92 3.72 17.54 3 16 3C14.46 3 13.08 3.72 12.19 4.84C11.0661 6.25093 10.9688 7.25 9.71875 7.92188C7.87719 8.91171 6.09865 8.44724 4.81248 11.8906C4.18264 13.5769 4.35806 14.7818 4.8125 15.7969C6.22375 18.9493 10.8594 19.2812 16.0469 19.2812C21.2344 19.2812 23.2812 19.1719 25.4062 17.7812C27.8902 16.1557 28.118 13.2455 27.1719 11.4062Z" fill="url(#paint3_linear_18_30610)" /> <path d="M27.1719 11.4062C25.8932 8.92056 24.0312 8.90625 22.4219 7.79688C20.8125 6.6875 20.7274 5.99165 19.81 4.84C18.92 3.72 17.54 3 16 3C14.46 3 13.08 3.72 12.19 4.84C11.0661 6.25093 10.9688 7.25 9.71875 7.92188C7.87719 8.91171 6.09865 8.44724 4.81248 11.8906C4.18264 13.5769 4.35806 14.7818 4.8125 15.7969C6.22375 18.9493 10.8594 19.2812 16.0469 19.2812C21.2344 19.2812 23.2812 19.1719 25.4062 17.7812C27.8902 16.1557 28.118 13.2455 27.1719 11.4062Z" fill="url(#paint4_radial_18_30610)" /> <path d="M27.1719 11.4062C25.8932 8.92056 24.0312 8.90625 22.4219 7.79688C20.8125 6.6875 20.7274 5.99165 19.81 4.84C18.92 3.72 17.54 3 16 3C14.46 3 13.08 3.72 12.19 4.84C11.0661 6.25093 10.9688 7.25 9.71875 7.92188C7.87719 8.91171 6.09865 8.44724 4.81248 11.8906C4.18264 13.5769 4.35806 14.7818 4.8125 15.7969C6.22375 18.9493 10.8594 19.2812 16.0469 19.2812C21.2344 19.2812 23.2812 19.1719 25.4062 17.7812C27.8902 16.1557 28.118 13.2455 27.1719 11.4062Z" fill="url(#paint5_radial_18_30610)" /> <g filter="url(#filter1_f_18_30610)"> <path d="M27.1563 15.0744C26.6517 14.3556 24.4814 12.7028 21.8657 12.6056C19.0351 12.5005 17.7372 14.1525 15.994 14.1525C14.7861 14.1526 11.6447 12.5056 10.1377 12.6056C6.79085 12.8456 5.88686 14.0744 5 15.2932C5.61163 16.9494 7.1819 18.1079 9.80129 18.59C12.2631 19.0432 19.5302 19.1427 21.7739 18.7775C24.0176 18.4124 26.2541 17.4025 27.1563 15.0744Z" fill="url(#paint6_linear_18_30610)" /> </g> <path d="M24.8361 12.7201C26.4911 10.7959 26.4811 7.99441 24.9159 6.09017C24.6168 5.72129 24.0585 5.71132 23.7494 6.0802L18.1065 12.6404C17.7974 12.9993 17.8871 13.5476 18.2959 13.7969C20.3995 15.0431 23.1711 14.6443 24.8361 12.7201Z" fill="url(#paint7_linear_18_30610)" /> <g filter="url(#filter2_f_18_30610)"> <path d="M24.6604 12.573C26.1887 10.755 26.1795 8.10805 24.7341 6.30888C24.4579 5.96035 24.1172 6.02628 23.8318 6.37481L18.621 12.573C18.3356 12.9121 18.2436 13.3548 18.621 13.5903C20.5636 14.7678 23.123 14.391 24.6604 12.573Z" fill="url(#paint8_linear_18_30610)" /> </g> <g filter="url(#filter3_f_18_30610)"> <path d="M21.4859 8.9044C21.692 9.0882 22.0081 9.07014 22.1919 8.86406C22.3757 8.65797 22.3576 8.34191 22.1515 8.1581L21.4859 8.9044ZM19.3031 5.8125L19.7108 5.523L19.3031 5.8125ZM16.6307 3.51575C16.3633 3.44698 16.0907 3.60804 16.022 3.87548C15.9532 4.14292 16.1143 4.41548 16.3817 4.48425L16.6307 3.51575ZM22.1515 8.1581C21.3795 7.46949 20.7605 7.00126 19.7108 5.523L18.8954 6.102C20.0181 7.68292 20.7163 8.21801 21.4859 8.9044L22.1515 8.1581ZM19.7108 5.523C18.8474 4.30726 17.4132 3.71696 16.6307 3.51575L16.3817 4.48425C17.0576 4.65804 18.2275 5.16149 18.8954 6.102L19.7108 5.523Z" fill="url(#paint9_radial_18_30610)" /> </g> <path d="M23.0725 11.1426C24.0725 9.9826 23.9425 8.2326 22.7825 7.2326L19.1625 11.4326C20.3225 12.4426 22.0725 12.3026 23.0725 11.1426Z" fill="url(#paint10_linear_18_30610)" /> <path d="M27.375 15.375C26.8594 14.6562 24.6416 13.0034 21.9687 12.9062C19.0763 12.8011 17.75 14.4531 15.9688 14.4531C14.7344 14.4532 11.5244 12.8062 9.98437 12.9062C6.56437 13.1462 5.64062 14.375 4.73438 15.5938C5.35938 17.25 6.96398 18.4085 9.64062 18.8906C12.1562 19.3438 19.5822 19.4433 21.875 19.0781C24.1678 18.713 26.4531 17.7031 27.375 15.375Z" fill="url(#paint11_linear_18_30610)" /> <g filter="url(#filter4_f_18_30610)"> <path d="M12.875 14.875C13.5833 15.1875 15.0938 15.6875 17.0312 15.6875C18.9688 15.6874 19.5 14.0938 22.3125 14.2188C24.5625 14.3188 26.3125 15.4583 26.625 15.9375" stroke="url(#paint12_radial_18_30610)" strokeLinecap="round" /> </g> <g filter="url(#filter5_f_18_30610)"> <path d="M13.0724 18.9053C14.0556 18.9053 14.8527 18.1083 14.8527 17.125C14.8527 16.1417 14.0556 15.3447 13.0724 15.3447C12.0891 15.3447 11.2921 16.1417 11.2921 17.125C11.2921 18.1083 12.0891 18.9053 13.0724 18.9053Z" fill="#447437" /> </g> <path d="M8.88624 16.5325C11.2162 17.5625 13.9062 16.7425 15.2762 14.6925C15.5362 14.3025 15.3862 13.7625 14.9562 13.5625L7.02624 10.0525C6.58624 9.85254 6.08624 10.1025 5.96624 10.5625C5.37624 12.9525 6.55624 15.5025 8.88624 16.5325Z" fill="url(#paint13_linear_18_30610)" /> <g filter="url(#filter6_f_18_30610)"> <path d="M9.07656 16.1955C11.1493 17.1117 13.5423 16.3823 14.761 14.5586C14.9923 14.2117 14.7575 13.8967 14.375 13.7188L7.32061 10.5963C6.92919 10.4184 6.58573 10.4755 6.47898 10.8847C5.95412 13.0108 7.00383 15.2792 9.07656 16.1955Z" fill="#CF336F" /> <path d="M9.07656 16.1955C11.1493 17.1117 13.5423 16.3823 14.761 14.5586C14.9923 14.2117 14.7575 13.8967 14.375 13.7188L7.32061 10.5963C6.92919 10.4184 6.58573 10.4755 6.47898 10.8847C5.95412 13.0108 7.00383 15.2792 9.07656 16.1955Z" fill="url(#paint14_radial_18_30610)" /> </g> <path d="M9.86021 14.4264C11.3009 15.0644 12.9886 14.4161 13.6266 12.9754L8.40923 10.66C7.77121 12.1007 8.41952 13.7884 9.86021 14.4264Z" fill="url(#paint15_linear_18_30610)" /> <g filter="url(#filter7_f_18_30610)"> <path d="M13.7593 12C14.9553 12 16.3648 10.8657 16.3648 9.66967C16.3648 8.47365 15.3952 7.50409 14.1992 7.50409C13.0032 7.50409 11.5938 8.94294 11.5938 10.139C11.5938 11.335 12.5633 12 13.7593 12Z" fill="#346433" /> </g> <path d="M14.62 11.0844C15.6324 11.0844 16.4531 10.2637 16.4531 9.25128C16.4531 8.23887 15.6324 7.41815 14.62 7.41815C13.6076 7.41815 12.7869 8.23887 12.7869 9.25128C12.7869 10.2637 13.6076 11.0844 14.62 11.0844Z" fill="url(#paint16_radial_18_30610)" /> <path d="M13.5172 18.6406C14.5005 18.6406 15.2975 17.8435 15.2975 16.8603C15.2975 15.877 14.5005 15.08 13.5172 15.08C12.534 15.08 11.7369 15.877 11.7369 16.8603C11.7369 17.8435 12.534 18.6406 13.5172 18.6406Z" fill="url(#paint17_radial_18_30610)" /> <g filter="url(#filter8_f_18_30610)"> <path d="M23.2188 17.125C24.2294 17.125 25.4787 16.1577 25.4787 15.1471C25.4787 14.1364 24.6594 13.3171 23.6487 13.3171C22.638 13.3171 21.4375 14.4581 21.4375 15.4688C21.4375 16.4794 22.2081 17.125 23.2188 17.125Z" fill="#588D2F" /> </g> <path d="M24.17 16.5818C25.1807 16.5818 26 15.7625 26 14.7519C26 13.7412 25.1807 12.9219 24.17 12.9219C23.1593 12.9219 22.34 13.7412 22.34 14.7519C22.34 15.7625 23.1593 16.5818 24.17 16.5818Z" fill="url(#paint18_radial_18_30610)" /> <defs> <filter id="filter0_f_18_30610" x={1.65625} y={5.6875} width={28.4688} height={15.8125} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.25} result="effect1_foregroundBlur_18_30610" /> </filter> <filter id="filter1_f_18_30610" x={4} y={11.6008} width={24.1562} height={8.39917} 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_18_30610" /> </filter> <filter id="filter2_f_18_30610" x={18.1213} y={5.82812} width={7.94122} height={8.6875} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.125} result="effect1_foregroundBlur_18_30610" /> </filter> <filter id="filter3_f_18_30610" x={15.5061} y={2.99988} width={7.31262} height={6.53137} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.25} result="effect1_foregroundBlur_18_30610" /> </filter> <filter id="filter4_f_18_30610" x={11.8749} y={13.2118} width={15.7502} height={3.72577} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.25} result="effect1_foregroundBlur_18_30610" /> </filter> <filter id="filter5_f_18_30610" x={10.2921} y={14.3447} width={5.56067} height={5.56067} 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_18_30610" /> </filter> <filter id="filter6_f_18_30610" x={6.09509} y={10.2509} width={9.00763} height={6.59003} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.125} result="effect1_foregroundBlur_18_30610" /> </filter> <filter id="filter7_f_18_30610" x={10.5938} y={6.50409} width={6.77106} height={6.49591} 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_18_30610" /> </filter> <filter id="filter8_f_18_30610" x={20.9375} y={12.8171} width={5.0412} height={4.80792} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.25} result="effect1_foregroundBlur_18_30610" /> </filter> <linearGradient id="paint0_linear_18_30610" x1={2} y1={20.125} x2={29.97} y2={20.125} gradientUnits="userSpaceOnUse" > <stop stopColor="#BBBAC0" /> <stop offset={0.125134} stopColor="#BCB5C9" /> <stop offset={0.263675} stopColor="#BDB2CD" /> <stop offset={0.509474} stopColor="#BBADCD" /> <stop offset={0.750804} stopColor="#BAADCC" /> <stop offset={0.831248} stopColor="#BFB5CE" /> <stop offset={1} stopColor="#D8D7DE" /> </linearGradient> <linearGradient id="paint1_linear_18_30610" x1={4.21567} y1={12.9607} x2={27.7539} y2={12.9607} gradientUnits="userSpaceOnUse" > <stop stopColor="#5E669C" /> <stop offset={1} stopColor="#513468" /> </linearGradient> <linearGradient id="paint2_linear_18_30610" x1={2} y1={11.5} x2={29.4375} y2={11.5} gradientUnits="userSpaceOnUse" > <stop stopColor="#B5B5BA" /> <stop offset={1} stopColor="#F5F6FB" /> </linearGradient> <linearGradient id="paint3_linear_18_30610" x1={4.40326} y1={9.5} x2={28.625} y2={9.5} gradientUnits="userSpaceOnUse" > <stop stopColor="#1A4A2D" /> <stop offset={0.318794} stopColor="#437943" /> <stop offset={0.535541} stopColor="#5C9248" /> <stop offset={0.850341} stopColor="#5F9231" /> <stop offset={0.953554} stopColor="#3C8511" /> </linearGradient> <radialGradient id="paint4_radial_18_30610" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(24.6875 3) rotate(127.789) scale(10.9139 9.59062)" > <stop stopColor="#5E9B4B" /> <stop offset={1} stopColor="#67A257" stopOpacity={0} /> </radialGradient> <radialGradient id="paint5_radial_18_30610" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(16.0454 15.5625) rotate(90) scale(3.71875 14.1704)" > <stop stopColor="#306420" /> <stop offset={1} stopColor="#396929" stopOpacity={0} /> </radialGradient> <linearGradient id="paint6_linear_18_30610" x1={5.44343} y1={14.9375} x2={27.1562} y2={14.9375} gradientUnits="userSpaceOnUse" > <stop stopColor="#154428" /> <stop offset={0.512676} stopColor="#376728" /> <stop offset={1} stopColor="#3B830F" /> </linearGradient> <linearGradient id="paint7_linear_18_30610" x1={24.625} y1={9.75} x2={22.0028} y2={7.625} gradientUnits="userSpaceOnUse" > <stop stopColor="#F05879" /> <stop offset={1} stopColor="#9B2938" /> </linearGradient> <linearGradient id="paint8_linear_18_30610" x1={24.9849} y1={7.05043} x2={18.6589} y2={13.6376} gradientUnits="userSpaceOnUse" > <stop stopColor="#D7355D" /> <stop offset={0.428154} stopColor="#D13464" /> <stop offset={0.83109} stopColor="#BB3463" /> <stop offset={1} stopColor="#A82B5B" /> </linearGradient> <radialGradient id="paint9_radial_18_30610" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.4437 6.26562) rotate(-180) scale(3.75 4.39655)" > <stop stopColor="#86B76D" /> <stop offset={1} stopColor="#87BB71" stopOpacity={0} /> </radialGradient> <linearGradient id="paint10_linear_18_30610" x1={20.875} y1={9.125} x2={23.0625} y2={11} gradientUnits="userSpaceOnUse" > <stop offset={0.0564706} stopColor="#962239" /> <stop offset={0.312941} stopColor="#AE3153" /> </linearGradient> <linearGradient id="paint11_linear_18_30610" x1={4.73437} y1={16.75} x2={27.375} y2={16.75} gradientUnits="userSpaceOnUse" > <stop stopColor="#4B7740" /> <stop offset={0.696342} stopColor="#66933A" /> </linearGradient> <radialGradient id="paint12_radial_18_30610" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(24.6875 15.1218) rotate(127.618) scale(6.55313 30.7624)" > <stop stopColor="#91BA60" /> <stop offset={0.271932} stopColor="#74A048" /> <stop offset={1} stopColor="#709D4A" stopOpacity={0} /> </radialGradient> <linearGradient id="paint13_linear_18_30610" x1={8.21875} y1={16.1562} x2={10.3437} y2={11.6562} gradientUnits="userSpaceOnUse" > <stop offset={0.872798} stopColor="#AB2C59" /> <stop offset={1} stopColor="#E0427A" /> </linearGradient> <radialGradient id="paint14_radial_18_30610" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(13.25 16.75) rotate(172.875) scale(2.01556 2.23037)" > <stop offset={0.659615} stopColor="#AD1A46" /> <stop offset={0.884615} stopColor="#AE1A49" stopOpacity={0} /> </radialGradient> <linearGradient id="paint15_linear_18_30610" x1={10.8952} y1={11.8125} x2={9.84375} y2={14.4062} gradientUnits="userSpaceOnUse" > <stop stopColor="#C34765" /> <stop offset={0.175551} stopColor="#B03256" /> </linearGradient> <radialGradient id="paint16_radial_18_30610" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.75 8.4375) rotate(135.764) scale(3.31486)" > <stop offset={0.141841} stopColor="#FFEC56" /> <stop offset={0.502311} stopColor="#F5D03B" /> <stop offset={1} stopColor="#AC831E" /> </radialGradient> <radialGradient id="paint17_radial_18_30610" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14.6147 16.0699) rotate(135.764) scale(3.21939)" > <stop offset={0.141841} stopColor="#FFDB57" /> <stop offset={0.502311} stopColor="#F3C046" /> <stop offset={1} stopColor="#BA8544" /> </radialGradient> <radialGradient id="paint18_radial_18_30610" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(25.2981 13.9395) rotate(135.764) scale(3.30917)" > <stop offset={0.141841} stopColor="#FFE75C" /> <stop offset={0.502311} stopColor="#ECBF40" /> <stop offset={1} stopColor="#B28433" /> </radialGradient> </defs> </svg> ); module.exports = GreenSaladIcon;