UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

254 lines (253 loc) 12.2 kB
const React = require("react"); const CoconutIcon = ({ 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="M25.1562 6.0625L5.25 24.1875C9.29688 29.875 19.2656 32.75 26.2812 25.4062C31.1293 20.3315 31.0938 11.5 25.1562 6.0625Z" fill="url(#paint0_linear_18_31807)" /> <path d="M25.625 17.5C27.1875 12.8437 27.8125 9.03125 24.625 5.40625C21.4688 2.26562 16.999 1.5638 12.8024 2.88512C4.5102 5.45934 -1.67839 17.3212 5.22502 24.1731C6.88886 25.8195 8.72653 26.3367 11.0156 26.6094C11.7575 26.7038 13.875 26.2344 14.5 26.2344C15.3594 26.2344 15.9103 26.804 17.1875 26.2344C18.1027 25.7816 18.6273 24.4893 19.6875 24C21.3105 23.2509 23.0664 23.3779 24.125 22.3437C25.6283 20.8752 24.8768 19.4767 25.625 17.5Z" fill="#9B5B49" /> <path d="M25.625 17.5C27.1875 12.8437 27.8125 9.03125 24.625 5.40625C21.4688 2.26562 16.999 1.5638 12.8024 2.88512C4.5102 5.45934 -1.67839 17.3212 5.22502 24.1731C6.88886 25.8195 8.72653 26.3367 11.0156 26.6094C11.7575 26.7038 13.875 26.2344 14.5 26.2344C15.3594 26.2344 15.9103 26.804 17.1875 26.2344C18.1027 25.7816 18.6273 24.4893 19.6875 24C21.3105 23.2509 23.0664 23.3779 24.125 22.3437C25.6283 20.8752 24.8768 19.4767 25.625 17.5Z" fill="url(#paint1_radial_18_31807)" /> <path d="M25.625 17.5C27.1875 12.8437 27.8125 9.03125 24.625 5.40625C21.4688 2.26562 16.999 1.5638 12.8024 2.88512C4.5102 5.45934 -1.67839 17.3212 5.22502 24.1731C6.88886 25.8195 8.72653 26.3367 11.0156 26.6094C11.7575 26.7038 13.875 26.2344 14.5 26.2344C15.3594 26.2344 15.9103 26.804 17.1875 26.2344C18.1027 25.7816 18.6273 24.4893 19.6875 24C21.3105 23.2509 23.0664 23.3779 24.125 22.3437C25.6283 20.8752 24.8768 19.4767 25.625 17.5Z" fill="url(#paint2_radial_18_31807)" /> <path d="M25.625 17.5C27.1875 12.8437 27.8125 9.03125 24.625 5.40625C21.4688 2.26562 16.999 1.5638 12.8024 2.88512C4.5102 5.45934 -1.67839 17.3212 5.22502 24.1731C6.88886 25.8195 8.72653 26.3367 11.0156 26.6094C11.7575 26.7038 13.875 26.2344 14.5 26.2344C15.3594 26.2344 15.9103 26.804 17.1875 26.2344C18.1027 25.7816 18.6273 24.4893 19.6875 24C21.3105 23.2509 23.0664 23.3779 24.125 22.3437C25.6283 20.8752 24.8768 19.4767 25.625 17.5Z" fill="url(#paint3_radial_18_31807)" /> <path d="M24.4844 16.7813C26.0156 13.25 26.1718 8.67188 22.7724 5.78125C19.9319 3.36591 16.5029 3.1557 12.7199 4.37175C5.72807 6.78723 0.218655 16 5.87495 22.6719C7.98537 25.1612 11.2812 25.4219 14.2188 25.0938C15.2957 24.9735 15.2197 25.3338 16.3749 25.2813C17.5302 25.2287 17.6562 24.1719 18.1874 23.6641C19.6534 22.2627 21.7343 22.8281 23.1015 21.6172C24.2278 20.6196 24.2969 19.3438 24.2969 18.1406C24.2969 17.4599 24.2314 17.2444 24.4844 16.7813Z" fill="#CBC6D4" /> <path d="M24.4844 16.7813C26.0156 13.25 26.1718 8.67188 22.7724 5.78125C19.9319 3.36591 16.5029 3.1557 12.7199 4.37175C5.72807 6.78723 0.218655 16 5.87495 22.6719C7.98537 25.1612 11.2812 25.4219 14.2188 25.0938C15.2957 24.9735 15.2197 25.3338 16.3749 25.2813C17.5302 25.2287 17.6562 24.1719 18.1874 23.6641C19.6534 22.2627 21.7343 22.8281 23.1015 21.6172C24.2278 20.6196 24.2969 19.3438 24.2969 18.1406C24.2969 17.4599 24.2314 17.2444 24.4844 16.7813Z" fill="url(#paint4_radial_18_31807)" /> <path d="M24.4844 16.7813C26.0156 13.25 26.1718 8.67188 22.7724 5.78125C19.9319 3.36591 16.5029 3.1557 12.7199 4.37175C5.72807 6.78723 0.218655 16 5.87495 22.6719C7.98537 25.1612 11.2812 25.4219 14.2188 25.0938C15.2957 24.9735 15.2197 25.3338 16.3749 25.2813C17.5302 25.2287 17.6562 24.1719 18.1874 23.6641C19.6534 22.2627 21.7343 22.8281 23.1015 21.6172C24.2278 20.6196 24.2969 19.3438 24.2969 18.1406C24.2969 17.4599 24.2314 17.2444 24.4844 16.7813Z" fill="url(#paint5_radial_18_31807)" /> <path d="M24.4844 16.7813C26.0156 13.25 26.1718 8.67188 22.7724 5.78125C19.9319 3.36591 16.5029 3.1557 12.7199 4.37175C5.72807 6.78723 0.218655 16 5.87495 22.6719C7.98537 25.1612 11.2812 25.4219 14.2188 25.0938C15.2957 24.9735 15.2197 25.3338 16.3749 25.2813C17.5302 25.2287 17.6562 24.1719 18.1874 23.6641C19.6534 22.2627 21.7343 22.8281 23.1015 21.6172C24.2278 20.6196 24.2969 19.3438 24.2969 18.1406C24.2969 17.4599 24.2314 17.2444 24.4844 16.7813Z" fill="url(#paint6_radial_18_31807)" /> <path d="M23.2188 16.9063C24.7588 13.6663 24.7188 9.5625 21.625 6.78125C19.5296 4.89753 15.9614 5.01244 13.1814 5.77244C7.34185 7.39455 1.9532 16.3594 6.89059 21.5313C9.34801 24.1054 13.0081 24.0783 14.0781 23.8438C15.1689 23.6047 15.4719 24.3531 16.5313 24C17.5907 23.6469 16.9855 23.0257 18.3907 22.1094C19.7958 21.1931 21.0469 22.1094 22.4844 20.7524C23.0799 20.1903 23.2452 19.1886 23.2188 18.2813C23.2055 17.8238 23.0031 17.3707 23.2188 16.9063Z" fill="url(#paint7_radial_18_31807)" /> <path d="M23.2188 16.9063C24.7588 13.6663 24.7188 9.5625 21.625 6.78125C19.5296 4.89753 15.9614 5.01244 13.1814 5.77244C7.34185 7.39455 1.9532 16.3594 6.89059 21.5313C9.34801 24.1054 13.0081 24.0783 14.0781 23.8438C15.1689 23.6047 15.4719 24.3531 16.5313 24C17.5907 23.6469 16.9855 23.0257 18.3907 22.1094C19.7958 21.1931 21.0469 22.1094 22.4844 20.7524C23.0799 20.1903 23.2452 19.1886 23.2188 18.2813C23.2055 17.8238 23.0031 17.3707 23.2188 16.9063Z" fill="url(#paint8_radial_18_31807)" /> <g filter="url(#filter0_f_18_31807)"> <path d="M9.03129 8.21875C6.96879 9.94792 2.71675 15.251 6.06254 20.5625C8.56251 24.5312 14.125 24.0625 14.125 24.0625" stroke="url(#paint9_linear_18_31807)" strokeWidth={0.2} strokeLinecap="round" /> </g> <g filter="url(#filter1_f_18_31807)"> <path d="M26.375 8.15625C27.1719 9.90625 27.2344 13.7188 25.7031 17.5C25.5417 17.8438 25.2188 18.7 25.2188 19.375C25.2188 20.2188 25.1875 21.2188 24.6875 21.875C24.1875 22.5312 22.25 23.375 21.0625 23.5938C19.875 23.8125 19 24.375 18.6875 24.7188C18.375 25.0625 17.7812 26.1875 17 26.4375C16.2188 26.6875 15.1562 26.2812 14.8125 26.25" stroke="url(#paint10_linear_18_31807)" strokeWidth={0.2} strokeLinecap="round" /> </g> <defs> <filter id="filter0_f_18_31807" x={4.62119} y={8.01874} width={9.70378} height={16.2609} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.05} result="effect1_foregroundBlur_18_31807" /> </filter> <filter id="filter1_f_18_31807" x={14.5125} y={7.85623} width={12.7148} height={18.9622} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={0.1} result="effect1_foregroundBlur_18_31807" /> </filter> <linearGradient id="paint0_linear_18_31807" x1={27.9375} y1={11.375} x2={11.3125} y2={28.25} gradientUnits="userSpaceOnUse" > <stop stopColor="#BF856C" /> <stop offset={0.15494} stopColor="#BB7960" /> <stop offset={0.395917} stopColor="#B66467" /> <stop offset={0.569263} stopColor="#B3597C" /> <stop offset={0.774212} stopColor="#A65085" /> <stop offset={1} stopColor="#A15E92" /> </linearGradient> <radialGradient id="paint1_radial_18_31807" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.7031 24.375) rotate(88.8205) scale(5.31363 0.875213)" > <stop offset={0.338473} stopColor="#AF705F" /> <stop offset={0.561216} stopColor="#B17261" /> <stop offset={1} stopColor="#B17664" stopOpacity={0} /> </radialGradient> <radialGradient id="paint2_radial_18_31807" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(20.6875 21.5) rotate(38.8534) scale(5.77846 3.33353)" > <stop stopColor="#AC6C53" /> <stop offset={1} stopColor="#AC6C53" stopOpacity={0} /> </radialGradient> <radialGradient id="paint3_radial_18_31807" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(23.4375 17.9375) rotate(21.8014) scale(6.05831 2.53139)" > <stop stopColor="#9F4D5A" /> <stop offset={1} stopColor="#A05058" stopOpacity={0} /> </radialGradient> <radialGradient id="paint4_radial_18_31807" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(15.5937 23.0625) rotate(87.8789) scale(7.59896 0.852827)" > <stop stopColor="#D9D2E5" /> <stop offset={0.399771} stopColor="#FEF8FF" /> <stop offset={1} stopColor="#FFFBFF" stopOpacity={0} /> </radialGradient> <radialGradient id="paint5_radial_18_31807" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.7187 21.7188) rotate(29.8865) scale(6.27152 2.44564)" > <stop stopColor="#E9E7F1" /> <stop offset={0.605687} stopColor="#E6E4EC" stopOpacity={0} /> </radialGradient> <radialGradient id="paint6_radial_18_31807" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(17.2813 23.4375) rotate(90) scale(4.53125 0.836983)" > <stop stopColor="#B1A4C0" /> <stop offset={1} stopColor="#B2A6C1" stopOpacity={0} /> </radialGradient> <radialGradient id="paint7_radial_18_31807" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(4.95459 24.4375) rotate(-47.1197) scale(23.0288 14.8999)" > <stop offset={0.163816} stopColor="#CECDD5" /> <stop offset={1} stopColor="#AC9DBF" /> </radialGradient> <radialGradient id="paint8_radial_18_31807" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(25.9375 29.25) rotate(-139.808) scale(18.9819 19.4049)" > <stop offset={0.44381} stopColor="#8E8998" /> <stop offset={1} stopColor="#8E8898" stopOpacity={0} /> </radialGradient> <linearGradient id="paint9_linear_18_31807" x1={7.25} y1={25.3125} x2={0.256869} y2={11.2662} gradientUnits="userSpaceOnUse" > <stop stopColor="#FBF6FF" stopOpacity={0} /> <stop offset={0.498978} stopColor="#F0EDF8" /> <stop offset={1} stopColor="#F6F1FE" stopOpacity={0} /> </linearGradient> <linearGradient id="paint10_linear_18_31807" x1={12.6875} y1={25.5} x2={26.9272} y2={8.81244} gradientUnits="userSpaceOnUse" > <stop offset={0.0380995} stopColor="#BE8577" stopOpacity={0} /> <stop offset={0.0503082} stopColor="#BE8577" /> <stop offset={0.104821} stopColor="#A2507D" /> <stop offset={0.241789} stopColor="#AA597B" /> <stop offset={0.382658} stopColor="#C18576" /> <stop offset={0.567974} stopColor="#AF5B77" /> <stop offset={0.705338} stopColor="#C28679" /> <stop offset={1} stopColor="#F6F1FE" stopOpacity={0} /> </linearGradient> </defs> </svg> ); module.exports = CoconutIcon;