@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
461 lines (460 loc) • 17.5 kB
JSX
const React = require("react");
const AxeIcon = ({ 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_23821)">
<path
d="M13.5468 2.87548C13.3259 2.49284 12.8366 2.36174 12.4539 2.58265L11.0687 3.38242C10.6861 3.60333 10.555 4.09261 10.7759 4.47524L22.1016 24.092C22.7003 25.1289 22.3532 26.482 22.3532 27.6794C22.3532 29.0946 23.5005 30.2419 24.9157 30.2419C26.3309 30.2419 27.4782 29.0946 27.4782 27.6794C27.4782 27.1467 27.3156 26.652 27.0375 26.2422L13.5468 2.87548Z"
fill="url(#paint0_linear_18_23821)"
/>
</g>
<path
d="M13.5468 2.87548C13.3259 2.49284 12.8366 2.36174 12.4539 2.58265L11.0687 3.38242C10.6861 3.60333 10.555 4.09261 10.7759 4.47524L22.1016 24.092C22.7003 25.1289 22.3532 26.482 22.3532 27.6794C22.3532 29.0946 23.5005 30.2419 24.9157 30.2419C26.3309 30.2419 27.4782 29.0946 27.4782 27.6794C27.4782 27.1467 27.3156 26.652 27.0375 26.2422L13.5468 2.87548Z"
fill="url(#paint1_linear_18_23821)"
/>
<path
d="M13.5468 2.87548C13.3259 2.49284 12.8366 2.36174 12.4539 2.58265L11.0687 3.38242C10.6861 3.60333 10.555 4.09261 10.7759 4.47524L22.1016 24.092C22.7003 25.1289 22.3532 26.482 22.3532 27.6794C22.3532 29.0946 23.5005 30.2419 24.9157 30.2419C26.3309 30.2419 27.4782 29.0946 27.4782 27.6794C27.4782 27.1467 27.3156 26.652 27.0375 26.2422L13.5468 2.87548Z"
fill="url(#paint2_radial_18_23821)"
/>
<path
d="M13.5468 2.87548C13.3259 2.49284 12.8366 2.36174 12.4539 2.58265L11.0687 3.38242C10.6861 3.60333 10.555 4.09261 10.7759 4.47524L22.1016 24.092C22.7003 25.1289 22.3532 26.482 22.3532 27.6794C22.3532 29.0946 23.5005 30.2419 24.9157 30.2419C26.3309 30.2419 27.4782 29.0946 27.4782 27.6794C27.4782 27.1467 27.3156 26.652 27.0375 26.2422L13.5468 2.87548Z"
fill="url(#paint3_radial_18_23821)"
/>
<g filter="url(#filter1_f_18_23821)">
<circle cx={24.8688} cy={27.7183} r={1.07031} fill="#6C424D" />
</g>
<circle
cx={24.9157}
cy={27.6792}
r={1.07031}
fill="url(#paint4_linear_18_23821)"
/>
<g filter="url(#filter2_f_18_23821)">
<circle cx={24.9157} cy={27.6792} r={0.851562} fill="#D0C2DF" />
</g>
<g filter="url(#filter3_i_18_23821)">
<path
d="M13.9953 12.7889C13.5946 13.0355 12.866 13.5116 12.2126 14.1324C11.8632 14.4642 11.5747 14.9386 11.3563 15.3931C11.1741 15.7725 10.8011 16.0445 10.3833 15.9939C7.35547 15.6271 5.00946 13.0482 5.00946 9.92142C5.00946 9.03503 5.198 8.19269 5.53711 7.43228C5.69647 7.07501 6.07831 6.88965 6.46851 6.91827C7.32098 6.9809 8.21912 6.95566 9.16571 6.4136C9.24597 6.36765 9.33173 6.32306 9.42242 6.27979L14.4171 3.39612C14.7997 3.17523 15.2889 3.30631 15.5099 3.68896L18.6716 9.16522C18.8925 9.54785 18.7614 10.0371 18.3788 10.2581L13.9953 12.7889Z"
fill="url(#paint5_radial_18_23821)"
/>
</g>
<g filter="url(#filter4_i_18_23821)">
<path
d="M13.9953 12.7889C13.5946 13.0355 12.866 13.5116 12.2126 14.1324C11.8632 14.4642 11.5747 14.9386 11.3563 15.3931C11.1741 15.7725 10.8011 16.0445 10.3833 15.9939C7.35547 15.6271 5.00946 13.0482 5.00946 9.92142C5.00946 9.03503 5.198 8.19269 5.53711 7.43228C5.69647 7.07501 6.07831 6.88965 6.46851 6.91827C7.32098 6.9809 8.21912 6.95566 9.16571 6.4136C9.24597 6.36765 9.33173 6.32306 9.42242 6.27979L14.4171 3.39612C14.7997 3.17523 15.2889 3.30631 15.5099 3.68896L18.6716 9.16522C18.8925 9.54785 18.7614 10.0371 18.3788 10.2581L13.9953 12.7889Z"
fill="url(#paint6_radial_18_23821)"
/>
</g>
<g filter="url(#filter5_ii_18_23821)">
<path
d="M13.9953 12.7889C13.5946 13.0355 12.866 13.5116 12.2126 14.1324C11.8632 14.4642 11.5747 14.9386 11.3563 15.3931C11.1741 15.7725 10.8011 16.0445 10.3833 15.9939C7.35547 15.6271 5.00946 13.0482 5.00946 9.92142C5.00946 9.03503 5.198 8.19269 5.53711 7.43228C5.69647 7.07501 6.07831 6.88965 6.46851 6.91827C7.32098 6.9809 8.21912 6.95566 9.16571 6.4136C9.24597 6.36765 9.33173 6.32306 9.42242 6.27979L14.4171 3.39612C14.7997 3.17523 15.2889 3.30631 15.5099 3.68896L18.6716 9.16522C18.8925 9.54785 18.7614 10.0371 18.3788 10.2581L13.9953 12.7889Z"
fill="url(#paint7_radial_18_23821)"
/>
</g>
<path
d="M12.0068 14.3514C11.7487 14.6566 11.5303 15.0311 11.3563 15.3931C11.1741 15.7725 10.8011 16.0445 10.3833 15.9939C7.35547 15.6271 5.00946 13.0482 5.00946 9.92142C5.00946 9.03503 5.198 8.19269 5.53711 7.43228C5.69647 7.07501 6.07831 6.88965 6.46851 6.91827C6.86859 6.94766 7.27869 6.9577 7.69916 6.90405C6.79456 7.9762 5.83588 10.0307 7.16571 12.273C8.34167 14.2559 10.5347 14.4907 12.0068 14.3514Z"
fill="url(#paint8_radial_18_23821)"
/>
<path
d="M12.0068 14.3514C11.7487 14.6566 11.5303 15.0311 11.3563 15.3931C11.1741 15.7725 10.8011 16.0445 10.3833 15.9939C7.35547 15.6271 5.00946 13.0482 5.00946 9.92142C5.00946 9.03503 5.198 8.19269 5.53711 7.43228C5.69647 7.07501 6.07831 6.88965 6.46851 6.91827C6.86859 6.94766 7.27869 6.9577 7.69916 6.90405C6.79456 7.9762 5.83588 10.0307 7.16571 12.273C8.34167 14.2559 10.5347 14.4907 12.0068 14.3514Z"
fill="url(#paint9_radial_18_23821)"
/>
<path
d="M12.0068 14.3514C11.7487 14.6566 11.5303 15.0311 11.3563 15.3931C11.1741 15.7725 10.8011 16.0445 10.3833 15.9939C7.35547 15.6271 5.00946 13.0482 5.00946 9.92142C5.00946 9.03503 5.198 8.19269 5.53711 7.43228C5.69647 7.07501 6.07831 6.88965 6.46851 6.91827C6.86859 6.94766 7.27869 6.9577 7.69916 6.90405C6.79456 7.9762 5.83588 10.0307 7.16571 12.273C8.34167 14.2559 10.5347 14.4907 12.0068 14.3514Z"
fill="url(#paint10_radial_18_23821)"
/>
<g filter="url(#filter6_f_18_23821)">
<rect
x={13.5375}
y={4.81934}
width={1.94812}
height={6.47586}
rx={0.25}
transform="rotate(-30 13.5375 4.81934)"
fill="url(#paint11_linear_18_23821)"
/>
</g>
<defs>
<filter
id="filter0_ii_18_23821"
x={10.2686}
y={2.07534}
width={17.6096}
height={28.5665}
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.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.415686 0 0 0 0 0.254902 0 0 0 0 0.270588 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_23821"
/>
<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.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.584314 0 0 0 0 0.447059 0 0 0 0 0.411765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_23821"
result="effect2_innerShadow_18_23821"
/>
</filter>
<filter
id="filter1_f_18_23821"
x={23.4985}
y={26.3479}
width={2.74063}
height={2.74063}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.15}
result="effect1_foregroundBlur_18_23821"
/>
</filter>
<filter
id="filter2_f_18_23821"
x={23.8141}
y={26.5776}
width={2.20312}
height={2.20312}
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_23821"
/>
</filter>
<filter
id="filter3_i_18_23821"
x={5.00946}
y={2.88882}
width={13.7694}
height={13.1112}
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 dy={-0.4} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.854902 0 0 0 0 0.180392 0 0 0 0 0.537255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_23821"
/>
</filter>
<filter
id="filter4_i_18_23821"
x={5.00946}
y={2.88882}
width={13.7694}
height={13.1112}
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 dy={-0.4} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.854902 0 0 0 0 0.180392 0 0 0 0 0.537255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_23821"
/>
</filter>
<filter
id="filter5_ii_18_23821"
x={5.00946}
y={2.88882}
width={13.7694}
height={13.7112}
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 dy={-0.4} />
<feGaussianBlur stdDeviation={0.4} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.854902 0 0 0 0 0.180392 0 0 0 0 0.537255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_23821"
/>
<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={0.6} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.870588 0 0 0 0 0.2 0 0 0 0 0.4 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_23821"
result="effect2_innerShadow_18_23821"
/>
</filter>
<filter
id="filter6_f_18_23821"
x={12.8789}
y={3.18677}
width={6.24213}
height={7.89941}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.375}
result="effect1_foregroundBlur_18_23821"
/>
</filter>
<linearGradient
id="paint0_linear_18_23821"
x1={12.6345}
y1={4.0231}
x2={24.697}
y2={24.8981}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#825A51" />
<stop offset={1} stopColor="#795055" />
</linearGradient>
<linearGradient
id="paint1_linear_18_23821"
x1={11.9157}
y1={2.86685}
x2={12.4782}
y2={3.49185}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7B5447" />
<stop offset={1} stopColor="#7B5447" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint2_radial_18_23821"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.947 5.4606) rotate(91.0013) scale(25.0351 18.1075)"
>
<stop offset={0.931809} stopColor="#68305B" stopOpacity={0} />
<stop offset={1} stopColor="#68305B" />
</radialGradient>
<radialGradient
id="paint3_radial_18_23821"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.6813 10.7262) rotate(50.7743) scale(0.988335 6.44416)"
>
<stop offset={0.33463} stopColor="#723643" />
<stop offset={0.927065} stopColor="#723643" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint4_linear_18_23821"
x1={25.7595}
y1={26.8198}
x2={24.4313}
y2={28.6167}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#E7E2EC" />
<stop offset={0.633985} stopColor="#B1A4B1" />
<stop offset={1} stopColor="#A987C0" />
</linearGradient>
<radialGradient
id="paint5_radial_18_23821"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.3532 6.46048) rotate(146.641) scale(10.5135 8.26181)"
>
<stop offset={0.132658} stopColor="#FC3F8E" />
<stop offset={1} stopColor="#F63B62" />
</radialGradient>
<radialGradient
id="paint6_radial_18_23821"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.3532 6.46048) rotate(146.641) scale(10.5135 8.26181)"
>
<stop offset={0.132658} stopColor="#FC3F8E" />
<stop offset={1} stopColor="#F63B62" />
</radialGradient>
<radialGradient
id="paint7_radial_18_23821"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.3532 6.46048) rotate(146.641) scale(10.5135 8.26181)"
>
<stop offset={0.132658} stopColor="#FC3F8E" />
<stop offset={1} stopColor="#F63B62" />
</radialGradient>
<radialGradient
id="paint8_radial_18_23821"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.94696 11.452) rotate(145.734) scale(3.28973 6.06771)"
>
<stop offset={0.637405} stopColor="#BFB2CA" />
<stop offset={1} stopColor="#AE98AF" />
</radialGradient>
<radialGradient
id="paint9_radial_18_23821"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.6657 8.96048) rotate(110.673) scale(7.52397 7.94386)"
>
<stop offset={0.828103} stopColor="#AA82C9" stopOpacity={0} />
<stop offset={0.995821} stopColor="#AA82C9" />
</radialGradient>
<radialGradient
id="paint10_radial_18_23821"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.6657 14.148) rotate(122.4) scale(1.9246 0.841285)"
>
<stop offset={0.202215} stopColor="#D0C1DF" />
<stop offset={1} stopColor="#D0C1DF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint11_linear_18_23821"
x1={15.872}
y1={7.92335}
x2={13.0274}
y2={8.23075}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF63AF" />
<stop offset={1} stopColor="#FF63AF" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = AxeIcon;