@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
624 lines (623 loc) • 20.1 kB
JSX
const React = require("react");
const BullseyeIcon = ({ 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_18_3225)">
<circle
cx={14.0391}
cy={17.9609}
r={12.0391}
fill="url(#paint0_linear_18_3225)"
/>
<circle
cx={14.0391}
cy={17.9609}
r={12.0391}
fill="url(#paint1_radial_18_3225)"
/>
</g>
<circle
cx={14.0391}
cy={17.9609}
r={8.80469}
fill="url(#paint2_linear_18_3225)"
/>
<circle
cx={14.0391}
cy={17.9609}
r={8.80469}
fill="url(#paint3_radial_18_3225)"
/>
<circle
cx={14.0391}
cy={17.9609}
r={8.80469}
fill="url(#paint4_radial_18_3225)"
/>
<circle
cx={14.0391}
cy={17.9609}
r={5.75781}
fill="url(#paint5_linear_18_3225)"
/>
<circle
cx={14.0391}
cy={17.9609}
r={5.75781}
fill="url(#paint6_radial_18_3225)"
/>
<circle cx={14.0391} cy={17.9609} r={2.85938} fill="#B7ABC8" />
<circle
cx={14.0391}
cy={17.9609}
r={2.85938}
fill="url(#paint7_radial_18_3225)"
/>
<circle
cx={14.0391}
cy={17.9609}
r={2.85938}
fill="url(#paint8_radial_18_3225)"
/>
<g filter="url(#filter1_f_18_3225)">
<path
d="M14.2817 28.9294C20.3394 28.9294 25.2502 24.0186 25.2502 17.9609C25.2502 11.9032 20.3394 6.99243 14.2817 6.99243C8.22401 6.99243 3.31326 11.9032 3.31326 17.9609C3.31326 24.0186 8.22401 28.9294 14.2817 28.9294Z"
stroke="url(#paint9_linear_18_3225)"
strokeWidth={0.65}
/>
</g>
<path
d="M14.1343 17.875C13.7958 17.5364 13.6708 17.1516 14.0094 16.813L15.7244 15.0901C16.063 14.7515 16.6119 14.7515 16.9504 15.0901C17.289 15.4287 17.289 15.9776 16.9504 16.3161L15.2354 18.039C14.8969 18.3776 14.4729 18.2135 14.1343 17.875Z"
fill="#7C7088"
/>
<path
d="M14.1343 17.875C13.7958 17.5364 13.6708 17.1516 14.0094 16.813L15.7244 15.0901C16.063 14.7515 16.6119 14.7515 16.9504 15.0901C17.289 15.4287 17.289 15.9776 16.9504 16.3161L15.2354 18.039C14.8969 18.3776 14.4729 18.2135 14.1343 17.875Z"
fill="url(#paint10_linear_18_3225)"
/>
<path
d="M14.1343 17.875C13.7958 17.5364 13.6708 17.1516 14.0094 16.813L15.7244 15.0901C16.063 14.7515 16.6119 14.7515 16.9504 15.0901C17.289 15.4287 17.289 15.9776 16.9504 16.3161L15.2354 18.039C14.8969 18.3776 14.4729 18.2135 14.1343 17.875Z"
fill="url(#paint11_linear_18_3225)"
/>
<path
d="M22.6644 2.77189L23.8915 6.01562L19.4072 9.15625C18.0719 5.62482 19.7049 3.53913 21.2206 2.33023C21.7177 1.93373 22.4394 2.17716 22.6644 2.77189Z"
fill="#2983DF"
/>
<path
d="M22.6644 2.77189L23.8915 6.01562L19.4072 9.15625C18.0719 5.62482 19.7049 3.53913 21.2206 2.33023C21.7177 1.93373 22.4394 2.17716 22.6644 2.77189Z"
fill="url(#paint12_radial_18_3225)"
/>
<path
d="M22.6644 2.77189L23.8915 6.01562L19.4072 9.15625C18.0719 5.62482 19.7049 3.53913 21.2206 2.33023C21.7177 1.93373 22.4394 2.17716 22.6644 2.77189Z"
fill="url(#paint13_linear_18_3225)"
/>
<path
d="M29.1969 9.31135L25.9383 8.12427L22.8531 12.647C26.4007 13.9387 28.4662 12.28 29.6563 10.7496C30.0466 10.2476 29.7943 9.529 29.1969 9.31135Z"
fill="#2980EB"
/>
<path
d="M29.1969 9.31135L25.9383 8.12427L22.8531 12.647C26.4007 13.9387 28.4662 12.28 29.6563 10.7496C30.0466 10.2476 29.7943 9.529 29.1969 9.31135Z"
fill="url(#paint14_linear_18_3225)"
/>
<path
d="M29.1969 9.31135L25.9383 8.12427L22.8531 12.647C26.4007 13.9387 28.4662 12.28 29.6563 10.7496C30.0466 10.2476 29.7943 9.529 29.1969 9.31135Z"
fill="url(#paint15_radial_18_3225)"
/>
<g filter="url(#filter2_f_18_3225)">
<rect
x={21.3226}
y={2.62415}
width={0.945538}
height={5.25761}
rx={0.472769}
transform="rotate(-20.5233 21.3226 2.62415)"
fill="url(#paint16_radial_18_3225)"
/>
</g>
<g filter="url(#filter3_f_18_3225)">
<rect
x={29.6421}
y={9.72046}
width={0.945537}
height={5.25761}
rx={0.472769}
transform="rotate(110.612 29.6421 9.72046)"
fill="url(#paint17_radial_18_3225)"
/>
</g>
<g filter="url(#filter4_i_18_3225)">
<path
d="M16.6805 10.7097L23.3062 5.80015C24.1853 5.14295 25.4995 5.31421 26.1627 5.99724C26.9 6.78842 26.9874 7.95329 26.355 8.81272L21.4651 15.4582C20.2367 17.1276 17.8149 17.3228 16.335 15.8716C14.8434 14.4089 15.0073 11.9606 16.6805 10.7097Z"
fill="#52BCF0"
/>
</g>
<path
d="M16.6805 10.7097L23.3062 5.80015C24.1853 5.14295 25.4995 5.31421 26.1627 5.99724C26.9 6.78842 26.9874 7.95329 26.355 8.81272L21.4651 15.4582C20.2367 17.1276 17.8149 17.3228 16.335 15.8716C14.8434 14.4089 15.0073 11.9606 16.6805 10.7097Z"
fill="url(#paint18_radial_18_3225)"
/>
<path
d="M16.6805 10.7097L23.3062 5.80015C24.1853 5.14295 25.4995 5.31421 26.1627 5.99724C26.9 6.78842 26.9874 7.95329 26.355 8.81272L21.4651 15.4582C20.2367 17.1276 17.8149 17.3228 16.335 15.8716C14.8434 14.4089 15.0073 11.9606 16.6805 10.7097Z"
fill="url(#paint19_radial_18_3225)"
/>
<path
d="M16.6805 10.7097L23.3062 5.80015C24.1853 5.14295 25.4995 5.31421 26.1627 5.99724C26.9 6.78842 26.9874 7.95329 26.355 8.81272L21.4651 15.4582C20.2367 17.1276 17.8149 17.3228 16.335 15.8716C14.8434 14.4089 15.0073 11.9606 16.6805 10.7097Z"
fill="url(#paint20_radial_18_3225)"
/>
<g filter="url(#filter5_ii_18_3225)">
<rect
x={26.0243}
y={4.74194}
width={1.76803}
height={9.03771}
rx={0.884013}
transform="rotate(45 26.0243 4.74194)"
fill="#2984E4"
/>
</g>
<rect
x={26.0243}
y={4.74194}
width={1.76803}
height={9.03771}
rx={0.884013}
transform="rotate(45 26.0243 4.74194)"
fill="url(#paint21_radial_18_3225)"
/>
<defs>
<filter
id="filter0_ii_18_3225"
x={2}
y={5.42188}
width={24.5781}
height={25.0781}
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.5} dy={-0.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.737255 0 0 0 0 0.160784 0 0 0 0 0.329412 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_3225"
/>
<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.5} dy={0.5} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.74902 0 0 0 0 0.341176 0 0 0 0 0.490196 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_3225"
result="effect2_innerShadow_18_3225"
/>
</filter>
<filter
id="filter1_f_18_3225"
x={2.33825}
y={6.01748}
width={23.8869}
height={23.8869}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.325}
result="effect1_foregroundBlur_18_3225"
/>
</filter>
<filter
id="filter2_f_18_3225"
x={20.9582}
y={1.92822}
width={3.45755}
height={5.98425}
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_3225"
/>
</filter>
<filter
id="filter3_f_18_3225"
x={24.0242}
y={7.50562}
width={5.98181}
height={3.46387}
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_3225"
/>
</filter>
<filter
id="filter4_i_18_3225"
x={15.3133}
y={5.38672}
width={11.7146}
height={11.7095}
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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.45098 0 0 0 0 0.65098 0 0 0 0 0.737255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_3225"
/>
</filter>
<filter
id="filter5_ii_18_3225"
x={19.8498}
y={4.95815}
width={7.20845}
height={7.20845}
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.15} dy={0.15} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.160784 0 0 0 0 0.521569 0 0 0 0 0.764706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_3225"
/>
<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.15} dy={-0.15} />
<feGaussianBlur stdDeviation={0.225} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.235294 0 0 0 0 0.435294 0 0 0 0 0.831373 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_3225"
result="effect2_innerShadow_18_3225"
/>
</filter>
<linearGradient
id="paint0_linear_18_3225"
x1={19.5336}
y1={7.12135}
x2={9.43309}
y2={27.6658}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E6378B" />
<stop offset={1} stopColor="#EF3A5C" />
</linearGradient>
<radialGradient
id="paint1_radial_18_3225"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(19.9723 10.3297) rotate(124.825) scale(5.33467 7.75809)"
>
<stop offset={0.219108} stopColor="#B82974" />
<stop offset={1} stopColor="#B82974" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18_3225"
x1={20.3531}
y1={22.3885}
x2={7.2788}
y2={8.8065}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#CEC3DF" />
<stop offset={1} stopColor="#C5BCD3" />
</linearGradient>
<radialGradient
id="paint3_radial_18_3225"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.2138 17.9609) scale(11.63)"
>
<stop offset={0.86129} stopColor="#CBC4DF" stopOpacity={0} />
<stop offset={1} stopColor="#CBC4DF" />
</radialGradient>
<radialGradient
id="paint4_radial_18_3225"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.1952 9.75851) rotate(118.217) scale(5.90623 3.23274)"
>
<stop stopColor="#9DA8B4" />
<stop offset={1} stopColor="#9DA8B4" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_18_3225"
x1={17.8779}
y1={14.0743}
x2={11.0868}
y2={23.2136}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D2347A" />
<stop offset={1} stopColor="#ED3963" />
</linearGradient>
<radialGradient
id="paint6_radial_18_3225"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.9893 14.2647) rotate(131.253) scale(4.47426)"
>
<stop stopColor="#962359" />
<stop offset={0.947427} stopColor="#962359" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_18_3225"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.4986 16.9938) rotate(67.2035) scale(4.75032)"
>
<stop offset={0.612995} stopColor="#C9BED9" stopOpacity={0} />
<stop offset={1} stopColor="#C9BED9" />
</radialGradient>
<radialGradient
id="paint8_radial_18_3225"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.3392 15.1016) rotate(103.843) scale(3.71373)"
>
<stop stopColor="#857D97" />
<stop offset={1} stopColor="#857D97" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint9_linear_18_3225"
x1={23.4203}
y1={10.7826}
x2={16.8289}
y2={17.5236}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF6AA2" />
<stop offset={1} stopColor="#FF6AA2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_3225"
x1={16.1482}
y1={17.2809}
x2={15.5069}
y2={16.6222}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7E5F8A" />
<stop offset={1} stopColor="#7E5F8A" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_3225"
x1={14.9007}
y1={15.8232}
x2={15.139}
y2={16.0475}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#746D7C" />
<stop offset={1} stopColor="#746D7C" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint12_radial_18_3225"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.5792 6.15625) rotate(-157.278) scale(2.71034 4.92096)"
>
<stop offset={0.749676} stopColor="#6897C2" stopOpacity={0} />
<stop offset={1} stopColor="#6897C2" />
</radialGradient>
<linearGradient
id="paint13_linear_18_3225"
x1={23.4698}
y1={4.3125}
x2={21.876}
y2={4.875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#58C3FF" />
<stop offset={1} stopColor="#58C3FF" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_18_3225"
x1={28.126}
y1={8.5312}
x2={27.5323}
y2={9.81245}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#49B6FF" />
<stop offset={1} stopColor="#49B6FF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint15_radial_18_3225"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.626 9.23433) rotate(79.5793) scale(4.14652 5.34146)"
>
<stop offset={0.814441} stopColor="#5066D2" stopOpacity={0} />
<stop offset={0.92639} stopColor="#5066D2" />
</radialGradient>
<radialGradient
id="paint16_radial_18_3225"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(21.826 2.94704) rotate(86.9247) scale(4.99592 1.05482)"
>
<stop stopColor="#61CEFF" />
<stop offset={1} stopColor="#3CB8FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint17_radial_18_3225"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(30.1455 10.0434) rotate(86.9247) scale(4.99592 1.05482)"
>
<stop stopColor="#61CEFF" />
<stop offset={1} stopColor="#3CB8FF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint18_radial_18_3225"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.1573 5.875) rotate(143.326) scale(3.66252 3.77403)"
>
<stop offset={0.422676} stopColor="#6BFFFF" />
<stop offset={1} stopColor="#6BFFFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint19_radial_18_3225"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.0069 8.54593) rotate(137.684) scale(10.8469 10.9883)"
>
<stop offset={0.837515} stopColor="#5E9BDB" stopOpacity={0} />
<stop offset={1} stopColor="#5E9BDB" />
</radialGradient>
<radialGradient
id="paint20_radial_18_3225"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.8944 11.1165) rotate(134.318) scale(1.97052 1.03686)"
>
<stop offset={0.360543} stopColor="#49A0E1" />
<stop offset={1} stopColor="#49A0E1" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint21_radial_18_3225"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.8311 5.62583) rotate(-89.5692) scale(2.939 1.11952)"
>
<stop stopColor="#60CAFF" />
<stop offset={1} stopColor="#60CAFF" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = BullseyeIcon;