UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

433 lines (432 loc) 15.2 kB
const React = require("react"); const PetriDishIcon = ({ 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="M16.0259 30.1523C22.8647 30.1523 28.4087 24.6084 28.4087 17.7695C28.4087 17.5876 28.4048 17.4066 28.397 17.2266H28.4087V14.4375H27.9552C26.5001 9.21703 21.7103 5.38672 16.0259 5.38672C10.3414 5.38672 5.55164 9.21703 4.09656 14.4375H3.64307V17.2266H3.65479C3.64697 17.4066 3.64307 17.5876 3.64307 17.7695C3.64307 24.6084 9.18701 30.1523 16.0259 30.1523Z" fill="url(#paint0_linear_18_24933)" /> <path d="M16.0259 30.1523C22.8647 30.1523 28.4087 24.6084 28.4087 17.7695C28.4087 17.5876 28.4048 17.4066 28.397 17.2266H28.4087V14.4375H27.9552C26.5001 9.21703 21.7103 5.38672 16.0259 5.38672C10.3414 5.38672 5.55164 9.21703 4.09656 14.4375H3.64307V17.2266H3.65479C3.64697 17.4066 3.64307 17.5876 3.64307 17.7695C3.64307 24.6084 9.18701 30.1523 16.0259 30.1523Z" fill="url(#paint1_radial_18_24933)" /> <path d="M16.0259 30.1523C22.8647 30.1523 28.4087 24.6084 28.4087 17.7695C28.4087 17.5876 28.4048 17.4066 28.397 17.2266H28.4087V14.4375H27.9552C26.5001 9.21703 21.7103 5.38672 16.0259 5.38672C10.3414 5.38672 5.55164 9.21703 4.09656 14.4375H3.64307V17.2266H3.65479C3.64697 17.4066 3.64307 17.5876 3.64307 17.7695C3.64307 24.6084 9.18701 30.1523 16.0259 30.1523Z" fill="url(#paint2_radial_18_24933)" /> <path d="M16.0259 30.1523C22.8647 30.1523 28.4087 24.6084 28.4087 17.7695C28.4087 17.5876 28.4048 17.4066 28.397 17.2266H28.4087V14.4375H27.9552C26.5001 9.21703 21.7103 5.38672 16.0259 5.38672C10.3414 5.38672 5.55164 9.21703 4.09656 14.4375H3.64307V17.2266H3.65479C3.64697 17.4066 3.64307 17.5876 3.64307 17.7695C3.64307 24.6084 9.18701 30.1523 16.0259 30.1523Z" fill="url(#paint3_linear_18_24933)" /> <path d="M27.3097 15.5313C27.3441 15.1713 27.3618 14.8065 27.3618 14.4375C27.3618 8.17683 22.2865 3.10156 16.0259 3.10156C9.76526 3.10156 4.68994 8.17683 4.68994 14.4375C4.68994 14.8065 4.70764 15.1713 4.74207 15.5313C5.29236 9.78377 10.1343 5.28906 16.0259 5.28906C21.9175 5.28906 26.7594 9.78377 27.3097 15.5313Z" fill="url(#paint4_linear_18_24933)" /> <path d="M27.3097 15.5313C27.3441 15.1713 27.3618 14.8065 27.3618 14.4375C27.3618 8.17683 22.2865 3.10156 16.0259 3.10156C9.76526 3.10156 4.68994 8.17683 4.68994 14.4375C4.68994 14.8065 4.70764 15.1713 4.74207 15.5313C5.29236 9.78377 10.1343 5.28906 16.0259 5.28906C21.9175 5.28906 26.7594 9.78377 27.3097 15.5313Z" fill="url(#paint5_linear_18_24933)" /> <g filter="url(#filter0_i_18_24933)"> <path d="M27.3098 15.5302C26.759 9.7832 21.9174 5.28906 16.0261 5.28906C10.1345 5.28906 5.2926 9.78377 4.74231 15.5313C4.70789 15.1713 4.69019 14.8065 4.69019 14.4375C4.68994 20.6982 9.76526 25.7734 16.0259 25.7734C21.9178 25.7734 26.7599 21.2782 27.3098 15.5302Z" fill="url(#paint6_linear_18_24933)" /> </g> <g filter="url(#filter1_di_18_24933)"> <circle cx={13.1978} cy={19.75} r={2.32031} fill="url(#paint7_radial_18_24933)" /> </g> <g filter="url(#filter2_di_18_24933)"> <circle cx={19.1157} cy={14.9961} r={2.43359} fill="url(#paint8_radial_18_24933)" /> </g> <g filter="url(#filter3_di_18_24933)"> <circle cx={12.6743} cy={10.9258} r={1.73438} fill="url(#paint9_radial_18_24933)" /> </g> <g filter="url(#filter4_i_18_24933)"> <path fillRule="evenodd" clipRule="evenodd" d="M16.0259 26.8203C22.8647 26.8203 28.4087 21.2763 28.4087 14.4375C28.4087 7.59866 22.8647 2.05469 16.0259 2.05469C9.18701 2.05469 3.64307 7.59866 3.64307 14.4375C3.64307 21.2763 9.18701 26.8203 16.0259 26.8203ZM16.0259 25.7734C22.2865 25.7734 27.3618 20.6982 27.3618 14.4375C27.3618 8.17683 22.2865 3.10156 16.0259 3.10156C9.76526 3.10156 4.68994 8.17683 4.68994 14.4375C4.68994 20.6982 9.76526 25.7734 16.0259 25.7734Z" fill="url(#paint10_linear_18_24933)" /> </g> <defs> <filter id="filter0_i_18_24933" x={3.69019} y={5.28906} width={23.6196} height={20.4844} 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={-1} /> <feGaussianBlur stdDeviation={1.25} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.415686 0 0 0 0 0.65098 0 0 0 0 0.764706 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_24933" /> </filter> <filter id="filter1_di_18_24933" x={10.1774} y={17.1297} width={5.64062} height={5.64062} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <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={-0.2} dy={0.2} /> <feGaussianBlur stdDeviation={0.25} /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.47451 0 0 0 0 0.701961 0 0 0 0 0.929412 0 0 0 1 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_24933" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_24933" 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={0.25} dy={-0.25} /> <feGaussianBlur stdDeviation={0.25} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.623529 0 0 0 0 0.792157 0 0 0 0 0.372549 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect2_innerShadow_18_24933" /> </filter> <filter id="filter2_di_18_24933" x={15.9821} y={12.2625} width={5.86719} height={5.86719} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <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={-0.2} dy={0.2} /> <feGaussianBlur stdDeviation={0.25} /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.513726 0 0 0 0 0.776471 0 0 0 0 0.92549 0 0 0 1 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_24933" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_24933" 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={0.25} dy={-0.25} /> <feGaussianBlur stdDeviation={0.25} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.623529 0 0 0 0 0.792157 0 0 0 0 0.372549 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect2_innerShadow_18_24933" /> </filter> <filter id="filter3_di_18_24933" x={10.2399} y={8.89141} width={4.46875} height={4.46875} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <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={-0.2} dy={0.2} /> <feGaussianBlur stdDeviation={0.25} /> <feComposite in2="hardAlpha" operator="out" /> <feColorMatrix type="matrix" values="0 0 0 0 0.47451 0 0 0 0 0.701961 0 0 0 0 0.929412 0 0 0 1 0" /> <feBlend mode="normal" in2="BackgroundImageFix" result="effect1_dropShadow_18_24933" /> <feBlend mode="normal" in="SourceGraphic" in2="effect1_dropShadow_18_24933" 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={0.25} dy={-0.25} /> <feGaussianBlur stdDeviation={0.25} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.623529 0 0 0 0 0.792157 0 0 0 0 0.372549 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect2_innerShadow_18_24933" /> </filter> <filter id="filter4_i_18_24933" x={3.54307} y={2.05469} width={24.8656} height={24.8656} 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={-0.1} dy={0.1} /> <feGaussianBlur stdDeviation={0.2} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.827451 0 0 0 0 0.882353 0 0 0 0 0.972549 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18_24933" /> </filter> <linearGradient id="paint0_linear_18_24933" x1={26.1249} y1={23.6744} x2={8.78771} y2={23.6744} gradientUnits="userSpaceOnUse" > <stop stopColor="#B1DDFF" /> <stop offset={0.632696} stopColor="#A7B9F4" /> </linearGradient> <radialGradient id="paint1_radial_18_24933" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(19.6366 17.7695) rotate(151.496) scale(15.0049 25.2385)" > <stop offset={0.821027} stopColor="#ABC2D7" stopOpacity={0} /> <stop offset={1} stopColor="#ABC2D7" /> </radialGradient> <radialGradient id="paint2_radial_18_24933" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(18.8691 23.3256) rotate(90) scale(7.60465 4.58007)" > <stop offset={0.215909} stopColor="#C1D7FF" /> <stop offset={1} stopColor="#C1D7FF" stopOpacity={0} /> </radialGradient> <linearGradient id="paint3_linear_18_24933" x1={29.0517} y1={17.7695} x2={27.6578} y2={17.7695} gradientUnits="userSpaceOnUse" > <stop stopColor="#A6C1CE" /> <stop offset={1} stopColor="#A6C1CE" stopOpacity={0} /> </linearGradient> <linearGradient id="paint4_linear_18_24933" x1={26.4868} y1={9.31641} x2={10.3618} y2={9.31641} gradientUnits="userSpaceOnUse" > <stop stopColor="#89B9E8" /> <stop offset={1} stopColor="#B1EBFF" /> </linearGradient> <linearGradient id="paint5_linear_18_24933" x1={26.4868} y1={9.31641} x2={10.3618} y2={9.31641} gradientUnits="userSpaceOnUse" > <stop stopColor="#89B9E8" /> <stop offset={1} stopColor="#B1EBFF" /> </linearGradient> <linearGradient id="paint6_linear_18_24933" x1={22.4243} y1={14.9375} x2={5.86182} y2={15.25} gradientUnits="userSpaceOnUse" > <stop stopColor="#8DD9F5" /> <stop offset={1} stopColor="#77B4F8" /> </linearGradient> <radialGradient id="paint7_radial_18_24933" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14.9868 20.125) rotate(-164.624) scale(3.88921 3.35756)" > <stop stopColor="#FFFF9E" /> <stop offset={0.428571} stopColor="#E7FC86" /> <stop offset={0.950739} stopColor="#B9DD5C" /> </radialGradient> <radialGradient id="paint8_radial_18_24933" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(20.9921 15.3894) rotate(-164.624) scale(4.07909 3.52148)" > <stop stopColor="#FFFF9E" /> <stop offset={0.428571} stopColor="#E7FC86" /> <stop offset={0.950739} stopColor="#B9DD5C" /> </radialGradient> <radialGradient id="paint9_radial_18_24933" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(14.0116 11.2061) rotate(-164.624) scale(2.90709 2.50969)" > <stop stopColor="#FFFF9E" /> <stop offset={0.428571} stopColor="#E7FC86" /> <stop offset={0.950739} stopColor="#B9DD5C" /> </radialGradient> <linearGradient id="paint10_linear_18_24933" x1={7.67432} y1={22.0625} x2={24.7993} y2={5.125} gradientUnits="userSpaceOnUse" > <stop stopColor="#DBEBFF" /> <stop offset={1} stopColor="#D8E6FF" /> </linearGradient> </defs> </svg> ); module.exports = PetriDishIcon;