UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

277 lines (276 loc) 11.9 kB
const React = require("react"); const StarOfDavidIcon = ({ 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} <g filter="url(#filter0_ii_18590_1011)"> <rect x={1.72333} y={1.8125} width={27.875} height={27.875} rx={3.6} fill="url(#paint0_linear_18590_1011)" /> <rect x={1.72333} y={1.8125} width={27.875} height={27.875} rx={3.6} fill="url(#paint1_radial_18590_1011)" /> </g> <g filter="url(#filter1_f_18590_1011)"> <path d="M27.9108 4.3125V27.1875" stroke="url(#paint2_linear_18590_1011)" strokeWidth={1.5} strokeLinecap="round" /> </g> <g filter="url(#filter2_f_18590_1011)"> <path d="M5.18719 3.625H26.9684" stroke="url(#paint3_linear_18590_1011)" strokeWidth={1.5} strokeLinecap="round" /> </g> <g filter="url(#filter3_f_18590_1011)"> <path d="M12.8447 10.25C12.8804 10.25 12.9135 10.2309 12.9313 10.2L15.2118 6.25C15.5967 5.58333 16.559 5.58333 16.9439 6.25L19.2244 10.2C19.2423 10.2309 19.2753 10.25 19.311 10.25L23.8721 10.25C24.6419 10.25 25.123 11.0833 24.7381 11.75L22.4575 15.7C22.4397 15.7309 22.4397 15.769 22.4575 15.8L24.7381 19.75C25.123 20.4167 24.6419 21.25 23.8721 21.25H19.311C19.2752 21.25 19.2422 21.2691 19.2244 21.3L16.9439 25.25C16.559 25.9166 15.5967 25.9166 15.2118 25.25L12.9313 21.3C12.9134 21.2691 12.8804 21.25 12.8447 21.25H8.28362C7.51382 21.25 7.0327 20.4167 7.4176 19.75L9.69813 15.8C9.71599 15.7691 9.71599 15.7309 9.69813 15.7L7.41757 11.75C7.03267 11.0833 7.5138 10.25 8.2836 10.25L12.8447 10.25ZM14.7211 10.1C14.6826 10.1666 14.7307 10.25 14.8077 10.25H17.348C17.425 10.25 17.4731 10.1666 17.4346 10.1L16.1645 7.9C16.126 7.83333 16.0297 7.83333 15.9912 7.9L14.7211 10.1ZM10.5064 14.1C10.5449 14.1667 10.6411 14.1667 10.6796 14.1L11.9498 11.9C11.9883 11.8333 11.9402 11.75 11.8632 11.75H9.32283C9.24585 11.75 9.19773 11.8333 9.23622 11.9L10.5064 14.1ZM11.4879 15.7C11.4701 15.7309 11.4701 15.7691 11.4879 15.8L13.7396 19.7C13.7574 19.7309 13.7905 19.75 13.8262 19.75H18.3295C18.3652 19.75 18.3982 19.7309 18.4161 19.7L20.6678 15.8C20.6856 15.769 20.6856 15.7309 20.6678 15.7L18.4161 11.8C18.3982 11.769 18.3652 11.75 18.3295 11.75H13.8262C13.7905 11.75 13.7575 11.769 13.7396 11.8L11.4879 15.7ZM10.6796 17.4C10.6411 17.3333 10.5449 17.3333 10.5064 17.4L9.23625 19.6C9.19776 19.6667 9.24587 19.75 9.32285 19.75H11.8632C11.9402 19.75 11.9883 19.6667 11.9498 19.6L10.6796 17.4ZM14.8077 21.25C14.7307 21.25 14.6826 21.3333 14.7211 21.4L15.9912 23.6C16.0297 23.6666 16.1259 23.6666 16.1644 23.6L17.4346 21.4C17.4731 21.3333 17.425 21.25 17.348 21.25H14.8077ZM20.2059 19.6C20.1674 19.6667 20.2155 19.75 20.2925 19.75H22.8329C22.9098 19.75 22.9579 19.6667 22.9195 19.6L21.6493 17.4C21.6108 17.3333 21.5145 17.3333 21.4761 17.4L20.2059 19.6ZM21.4761 14.1C21.5145 14.1666 21.6108 14.1666 21.6493 14.1L22.9194 11.9C22.9579 11.8333 22.9098 11.75 22.8328 11.75H20.2925C20.2155 11.75 20.1674 11.8333 20.2059 11.9L21.4761 14.1Z" fill="#6A4EBE" /> </g> <g filter="url(#filter4_ii_18590_1011)"> <path d="M12.8447 10.25C12.8804 10.25 12.9135 10.2309 12.9313 10.2L15.2118 6.25C15.5967 5.58333 16.559 5.58333 16.9439 6.25L19.2244 10.2C19.2423 10.2309 19.2753 10.25 19.311 10.25L23.8721 10.25C24.6419 10.25 25.123 11.0833 24.7381 11.75L22.4575 15.7C22.4397 15.7309 22.4397 15.769 22.4575 15.8L24.7381 19.75C25.123 20.4167 24.6419 21.25 23.8721 21.25H19.311C19.2752 21.25 19.2422 21.2691 19.2244 21.3L16.9439 25.25C16.559 25.9166 15.5967 25.9166 15.2118 25.25L12.9313 21.3C12.9134 21.2691 12.8804 21.25 12.8447 21.25H8.28362C7.51382 21.25 7.0327 20.4167 7.4176 19.75L9.69813 15.8C9.71599 15.7691 9.71599 15.7309 9.69813 15.7L7.41757 11.75C7.03267 11.0833 7.5138 10.25 8.2836 10.25L12.8447 10.25ZM14.7211 10.1C14.6826 10.1666 14.7307 10.25 14.8077 10.25H17.348C17.425 10.25 17.4731 10.1666 17.4346 10.1L16.1645 7.9C16.126 7.83333 16.0297 7.83333 15.9912 7.9L14.7211 10.1ZM10.5064 14.1C10.5449 14.1667 10.6411 14.1667 10.6796 14.1L11.9498 11.9C11.9883 11.8333 11.9402 11.75 11.8632 11.75H9.32283C9.24585 11.75 9.19773 11.8333 9.23622 11.9L10.5064 14.1ZM11.4879 15.7C11.4701 15.7309 11.4701 15.7691 11.4879 15.8L13.7396 19.7C13.7574 19.7309 13.7905 19.75 13.8262 19.75H18.3295C18.3652 19.75 18.3982 19.7309 18.4161 19.7L20.6678 15.8C20.6856 15.769 20.6856 15.7309 20.6678 15.7L18.4161 11.8C18.3982 11.769 18.3652 11.75 18.3295 11.75H13.8262C13.7905 11.75 13.7575 11.769 13.7396 11.8L11.4879 15.7ZM10.6796 17.4C10.6411 17.3333 10.5449 17.3333 10.5064 17.4L9.23625 19.6C9.19776 19.6667 9.24587 19.75 9.32285 19.75H11.8632C11.9402 19.75 11.9883 19.6667 11.9498 19.6L10.6796 17.4ZM14.8077 21.25C14.7307 21.25 14.6826 21.3333 14.7211 21.4L15.9912 23.6C16.0297 23.6666 16.1259 23.6666 16.1644 23.6L17.4346 21.4C17.4731 21.3333 17.425 21.25 17.348 21.25H14.8077ZM20.2059 19.6C20.1674 19.6667 20.2155 19.75 20.2925 19.75H22.8329C22.9098 19.75 22.9579 19.6667 22.9195 19.6L21.6493 17.4C21.6108 17.3333 21.5145 17.3333 21.4761 17.4L20.2059 19.6ZM21.4761 14.1C21.5145 14.1666 21.6108 14.1666 21.6493 14.1L22.9194 11.9C22.9579 11.8333 22.9098 11.75 22.8328 11.75H20.2925C20.2155 11.75 20.1674 11.8333 20.2059 11.9L21.4761 14.1Z" fill="#FCF2FF" /> </g> <defs> <filter id="filter0_ii_18590_1011" x={1.72333} y={0.8125} width={29.875} height={28.875} 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={2} dy={-1} /> <feGaussianBlur stdDeviation={1.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.298039 0 0 0 0 0.235294 0 0 0 0 0.6 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18590_1011" /> <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 dy={-1} /> <feGaussianBlur stdDeviation={1.5} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.352941 0 0 0 0 0.211765 0 0 0 0 0.709804 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18590_1011" result="effect2_innerShadow_18590_1011" /> </filter> <filter id="filter1_f_18590_1011" x={25.1608} y={1.5625} width={5.5} height={28.375} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={1} result="effect1_foregroundBlur_18590_1011" /> </filter> <filter id="filter2_f_18590_1011" x={2.43719} y={0.875} width={27.2812} height={5.5} filterUnits="userSpaceOnUse" colorInterpolationFilters="sRGB" > <feFlood floodOpacity={0} result="BackgroundImageFix" /> <feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape" /> <feGaussianBlur stdDeviation={1} result="effect1_foregroundBlur_18590_1011" /> </filter> <filter id="filter3_f_18590_1011" x={6.2821} y={4.75} width={19.5915} height={22} 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_18590_1011" /> </filter> <filter id="filter4_ii_18590_1011" x={6.8821} y={5.35} width={18.3915} height={20.8} 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.4} dy={0.4} /> <feGaussianBlur stdDeviation={0.375} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 0.913725 0 0 0 0 0.886275 0 0 0 0 0.968627 0 0 0 1 0" /> <feBlend mode="normal" in2="shape" result="effect1_innerShadow_18590_1011" /> <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.4} dy={-0.4} /> <feGaussianBlur stdDeviation={0.2} /> <feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} /> <feColorMatrix type="matrix" values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0" /> <feBlend mode="normal" in2="effect1_innerShadow_18590_1011" result="effect2_innerShadow_18590_1011" /> </filter> <linearGradient id="paint0_linear_18590_1011" x1={15.6608} y1={5.38701} x2={15.6608} y2={38.6397} gradientUnits="userSpaceOnUse" > <stop stopColor="#9865EE" /> <stop offset={1} stopColor="#7764C6" /> </linearGradient> <radialGradient id="paint1_radial_18590_1011" cx={0} cy={0} r={1} gradientUnits="userSpaceOnUse" gradientTransform="translate(27.3796 3.90625) rotate(136.771) scale(2.14444 2.50466)" > <stop stopColor="#BB8DFF" /> <stop offset={1} stopColor="#BB8DFF" stopOpacity={0} /> </radialGradient> <linearGradient id="paint2_linear_18590_1011" x1={28.4108} y1={4.3125} x2={28.4108} y2={27.1875} gradientUnits="userSpaceOnUse" > <stop stopColor="#AE7EFF" /> <stop offset={1} stopColor="#8777D6" /> </linearGradient> <linearGradient id="paint3_linear_18590_1011" x1={28.1247} y1={3.87502} x2={2.59345} y2={3.87502} gradientUnits="userSpaceOnUse" > <stop stopColor="#A672FF" /> <stop offset={1} stopColor="#9A6CEB" /> </linearGradient> </defs> </svg> ); module.exports = StarOfDavidIcon;