@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
605 lines (604 loc) • 21.4 kB
JSX
const React = require("react");
const SaxophoneIcon = ({ 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_18496)">
<path
d="M7.6875 25.4533L4.0625 17.7971L13.2656 14.0939L13.9486 19.9499C13.9779 20.2012 14.1908 20.3908 14.4439 20.3908C14.7204 20.3908 14.9441 20.1659 14.9426 19.8894L14.9062 13.2502C14.849 11.2293 15.1531 6.68454 16.8281 4.67205C19.5312 1.81839 26.0078 1.92777 27.1797 2.14652C27.8672 2.32621 29.6562 2.66993 29.5938 3.66993C29.5312 4.66993 28.25 4.75587 24.7656 5.29493C21.7969 5.84181 20.5859 6.09181 19.7109 7.38868C19.0109 8.42618 18.8542 10.1512 18.8594 10.9377C18.9167 14.12 19.0312 20.9471 19.0312 22.7971C19.0312 25.1096 18.9453 28.795 14.4766 29.8262C10.9016 30.6512 8.4375 27.2346 7.6875 25.4533Z"
fill="url(#paint0_linear_18_18496)"
/>
<path
d="M7.6875 25.4533L4.0625 17.7971L13.2656 14.0939L13.9486 19.9499C13.9779 20.2012 14.1908 20.3908 14.4439 20.3908C14.7204 20.3908 14.9441 20.1659 14.9426 19.8894L14.9062 13.2502C14.849 11.2293 15.1531 6.68454 16.8281 4.67205C19.5312 1.81839 26.0078 1.92777 27.1797 2.14652C27.8672 2.32621 29.6562 2.66993 29.5938 3.66993C29.5312 4.66993 28.25 4.75587 24.7656 5.29493C21.7969 5.84181 20.5859 6.09181 19.7109 7.38868C19.0109 8.42618 18.8542 10.1512 18.8594 10.9377C18.9167 14.12 19.0312 20.9471 19.0312 22.7971C19.0312 25.1096 18.9453 28.795 14.4766 29.8262C10.9016 30.6512 8.4375 27.2346 7.6875 25.4533Z"
fill="url(#paint1_radial_18_18496)"
/>
</g>
<g filter="url(#filter1_i_18_18496)">
<circle
cx={15.0703}
cy={11.2715}
r={1.08594}
fill="url(#paint2_radial_18_18496)"
/>
<circle
cx={15.0703}
cy={11.2715}
r={1.08594}
fill="url(#paint3_radial_18_18496)"
/>
<circle
cx={15.0703}
cy={11.2715}
r={1.08594}
fill="url(#paint4_radial_18_18496)"
/>
</g>
<g filter="url(#filter2_i_18_18496)">
<circle
cx={15.3047}
cy={7.80273}
r={1.08594}
fill="url(#paint5_radial_18_18496)"
/>
<circle
cx={15.3047}
cy={7.80273}
r={1.08594}
fill="url(#paint6_radial_18_18496)"
/>
<circle
cx={15.3047}
cy={7.80273}
r={1.08594}
fill="url(#paint7_radial_18_18496)"
/>
</g>
<g filter="url(#filter3_i_18_18496)">
<circle
cx={16.6328}
cy={4.98242}
r={1.08594}
fill="url(#paint8_radial_18_18496)"
/>
<circle
cx={16.6328}
cy={4.98242}
r={1.08594}
fill="url(#paint9_radial_18_18496)"
/>
<circle
cx={16.6328}
cy={4.98242}
r={1.08594}
fill="url(#paint10_radial_18_18496)"
/>
</g>
<path
d="M23.2151 5.5917C23.6718 5.49743 24.1851 5.40185 24.7656 5.29492C25.108 5.24194 25.4292 5.19333 25.73 5.14779C28.49 4.73013 29.5374 4.57165 29.5937 3.66992C29.6507 2.75863 28.17 2.39233 27.3865 2.19854C27.3103 2.17968 27.2406 2.16244 27.1796 2.14651C26.6281 2.04355 24.9014 1.96484 22.946 2.20788C23.0162 2.92132 23.1221 4.1347 23.2151 5.5917Z"
fill="#C3B9CC"
/>
<path
d="M23.2151 5.5917C23.6718 5.49743 24.1851 5.40185 24.7656 5.29492C25.108 5.24194 25.4292 5.19333 25.73 5.14779C28.49 4.73013 29.5374 4.57165 29.5937 3.66992C29.6507 2.75863 28.17 2.39233 27.3865 2.19854C27.3103 2.17968 27.2406 2.16244 27.1796 2.14651C26.6281 2.04355 24.9014 1.96484 22.946 2.20788C23.0162 2.92132 23.1221 4.1347 23.2151 5.5917Z"
fill="url(#paint11_linear_18_18496)"
/>
<path
d="M23.2151 5.5917C23.6718 5.49743 24.1851 5.40185 24.7656 5.29492C25.108 5.24194 25.4292 5.19333 25.73 5.14779C28.49 4.73013 29.5374 4.57165 29.5937 3.66992C29.6507 2.75863 28.17 2.39233 27.3865 2.19854C27.3103 2.17968 27.2406 2.16244 27.1796 2.14651C26.6281 2.04355 24.9014 1.96484 22.946 2.20788C23.0162 2.92132 23.1221 4.1347 23.2151 5.5917Z"
fill="url(#paint12_linear_18_18496)"
/>
<path
d="M24.4253 5.35778C24.5361 5.33722 24.6495 5.31631 24.7656 5.29492C25.108 5.24194 25.4292 5.19333 25.73 5.14779C28.49 4.73013 29.5373 4.57165 29.5937 3.66992C29.6562 2.66993 28.0703 2.2637 27.1796 2.14651C26.7464 2.06564 25.5881 1.99972 24.1635 2.09295C24.2315 2.78296 24.3338 3.95065 24.4253 5.35778Z"
fill="url(#paint13_linear_18_18496)"
/>
<path
d="M24.4253 5.35778C24.5361 5.33722 24.6495 5.31631 24.7656 5.29492C25.108 5.24194 25.4292 5.19333 25.73 5.14779C28.49 4.73013 29.5373 4.57165 29.5937 3.66992C29.6562 2.66993 28.0703 2.2637 27.1796 2.14651C26.7464 2.06564 25.5881 1.99972 24.1635 2.09295C24.2315 2.78296 24.3338 3.95065 24.4253 5.35778Z"
fill="url(#paint14_radial_18_18496)"
/>
<g filter="url(#filter4_f_18_18496)">
<path
d="M12.875 25.0215L8.28125 16.2715L12.6562 14.3965L13.7812 21.4902L12.875 25.0215Z"
fill="url(#paint15_linear_18_18496)"
/>
</g>
<g filter="url(#filter5_i_18_18496)">
<path
d="M2.09707 17.4588C1.83775 16.7417 2.20886 15.9501 2.92597 15.6908L12.4862 12.2335C13.2034 11.9742 13.9949 12.3453 14.2542 13.0624C14.5136 13.7796 14.1425 14.5711 13.4254 14.8304L3.86507 18.2877C3.14796 18.547 2.3564 18.1759 2.09707 17.4588Z"
fill="url(#paint16_linear_18_18496)"
/>
<path
d="M2.09707 17.4588C1.83775 16.7417 2.20886 15.9501 2.92597 15.6908L12.4862 12.2335C13.2034 11.9742 13.9949 12.3453 14.2542 13.0624C14.5136 13.7796 14.1425 14.5711 13.4254 14.8304L3.86507 18.2877C3.14796 18.547 2.3564 18.1759 2.09707 17.4588Z"
fill="url(#paint17_radial_18_18496)"
/>
<path
d="M2.09707 17.4588C1.83775 16.7417 2.20886 15.9501 2.92597 15.6908L12.4862 12.2335C13.2034 11.9742 13.9949 12.3453 14.2542 13.0624C14.5136 13.7796 14.1425 14.5711 13.4254 14.8304L3.86507 18.2877C3.14796 18.547 2.3564 18.1759 2.09707 17.4588Z"
fill="url(#paint18_radial_18_18496)"
/>
<path
d="M2.09707 17.4588C1.83775 16.7417 2.20886 15.9501 2.92597 15.6908L12.4862 12.2335C13.2034 11.9742 13.9949 12.3453 14.2542 13.0624C14.5136 13.7796 14.1425 14.5711 13.4254 14.8304L3.86507 18.2877C3.14796 18.547 2.3564 18.1759 2.09707 17.4588Z"
fill="url(#paint19_radial_18_18496)"
/>
</g>
<g filter="url(#filter6_f_18_18496)">
<path
d="M17.5625 7.58398C18.3625 4.68398 21.0625 3.85482 22.3125 3.80273V4.36523C20.1875 4.67773 18.6562 5.80273 18.2812 7.95898C17.5312 11.709 18.2812 16.1777 18.2812 20.7402C18.2812 24.3902 17.5729 26.2402 17.2188 26.709L16 23.8027C16.2604 23.459 16.8063 22.4902 16.9063 21.3652C17.0313 19.959 16.5625 11.209 17.5625 7.58398Z"
fill="url(#paint20_linear_18_18496)"
/>
</g>
<defs>
<filter
id="filter0_ii_18_18496"
x={4.0625}
y={1.54736}
width={26.1828}
height={28.4053}
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={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.807843 0 0 0 0 0.498039 0 0 0 0 0.439216 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18496"
/>
<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.65} />
<feGaussianBlur stdDeviation={0.45} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.866667 0 0 0 0 0.741176 0 0 0 0 0.541176 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_18496"
result="effect2_innerShadow_18_18496"
/>
</filter>
<filter
id="filter1_i_18_18496"
x={13.9844}
y={10.1855}
width={2.17188}
height={2.17188}
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 />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.713726 0 0 0 0 0.65098 0 0 0 0 0.639216 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18496"
/>
</filter>
<filter
id="filter2_i_18_18496"
x={14.2188}
y={6.7168}
width={2.17188}
height={2.17188}
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 />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.713726 0 0 0 0 0.65098 0 0 0 0 0.639216 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18496"
/>
</filter>
<filter
id="filter3_i_18_18496"
x={15.5469}
y={3.89648}
width={2.17188}
height={2.17188}
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 />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.713726 0 0 0 0 0.65098 0 0 0 0 0.639216 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18496"
/>
</filter>
<filter
id="filter4_f_18_18496"
x={6.28125}
y={12.3965}
width={9.5}
height={14.625}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18_18496"
/>
</filter>
<filter
id="filter5_i_18_18496"
x={1.8144}
y={12.1509}
width={12.5225}
height={6.41948}
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.2} dy={0.2} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.811765 0 0 0 0 0.72549 0 0 0 0 0.223529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18496"
/>
</filter>
<filter
id="filter6_f_18_18496"
x={14.5}
y={2.30273}
width={9.3125}
height={25.9062}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.75}
result="effect1_foregroundBlur_18_18496"
/>
</filter>
<linearGradient
id="paint0_linear_18_18496"
x1={10.9375}
y1={25.709}
x2={24.8125}
y2={6.89652}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D59F41" />
<stop offset={1} stopColor="#D8A534" />
</linearGradient>
<radialGradient
id="paint1_radial_18_18496"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(14.8125 13.584) rotate(85.5372) scale(12.8515 6.09761)"
>
<stop stopColor="#DFA61B" />
<stop offset={0.762494} stopColor="#DFA61B" stopOpacity={0.895911} />
<stop offset={1} stopColor="#DFA61B" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint2_radial_18_18496"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.0703 12.2246) rotate(-76.8327) scale(1.74911 2.08511)"
>
<stop stopColor="#BCA6BE" />
<stop offset={1} stopColor="#B8ACBB" />
</radialGradient>
<radialGradient
id="paint3_radial_18_18496"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.6094 11.5215) rotate(-159.274) scale(1.85438 1.54532)"
>
<stop offset={0.718637} stopColor="#CFC9CC" stopOpacity={0} />
<stop offset={1} stopColor="#CFC9CC" />
</radialGradient>
<radialGradient
id="paint4_radial_18_18496"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.8125 10.9746) rotate(160.615) scale(0.894454 0.950946)"
>
<stop offset={0.119782} stopColor="#D3C9D5" />
<stop offset={1} stopColor="#BCAEC1" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_18496"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.3047 8.75586) rotate(-76.8327) scale(1.74911 2.08511)"
>
<stop stopColor="#BCA6BE" />
<stop offset={1} stopColor="#B8ACBB" />
</radialGradient>
<radialGradient
id="paint6_radial_18_18496"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.8437 8.05273) rotate(-159.274) scale(1.85438 1.54532)"
>
<stop offset={0.718637} stopColor="#CFC9CC" stopOpacity={0} />
<stop offset={1} stopColor="#CFC9CC" />
</radialGradient>
<radialGradient
id="paint7_radial_18_18496"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.0469 7.50586) rotate(160.615) scale(0.894454 0.950946)"
>
<stop offset={0.119782} stopColor="#D3C9D5" />
<stop offset={1} stopColor="#BCAEC1" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_18_18496"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.6328 5.93555) rotate(-76.8327) scale(1.74911 2.08511)"
>
<stop stopColor="#BCA6BE" />
<stop offset={1} stopColor="#B8ACBB" />
</radialGradient>
<radialGradient
id="paint9_radial_18_18496"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.1719 5.23242) rotate(-159.274) scale(1.85438 1.54532)"
>
<stop offset={0.718637} stopColor="#CFC9CC" stopOpacity={0} />
<stop offset={1} stopColor="#CFC9CC" />
</radialGradient>
<radialGradient
id="paint10_radial_18_18496"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.375 4.68555) rotate(160.615) scale(0.894454 0.950946)"
>
<stop offset={0.119782} stopColor="#D3C9D5" />
<stop offset={1} stopColor="#BCAEC1" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint11_linear_18_18496"
x1={24.0781}
y1={5.50589}
x2={23.8906}
y2={3.81953}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AD90C5" />
<stop offset={1} stopColor="#AD90C5" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_18_18496"
x1={23.5312}
y1={2.04736}
x2={23.5937}
y2={2.81839}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BBB7BD" />
<stop offset={1} stopColor="#BBB7BD" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_18_18496"
x1={29.3125}
y1={4.11526}
x2={24.1635}
y2={4.49026}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#4A4351" />
<stop offset={1} stopColor="#412856" />
</linearGradient>
<radialGradient
id="paint14_radial_18_18496"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.5954 3.17777) rotate(178.082) scale(6.53661 0.84438)"
>
<stop stopColor="#5E5864" />
<stop offset={1} stopColor="#5E5864" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint15_linear_18_18496"
x1={9.75}
y1={12.0215}
x2={18.0906}
y2={25.7694}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FDCD6B" />
<stop offset={1} stopColor="#FDCD6B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint16_linear_18_18496"
x1={12.3126}
y1={12.5215}
x2={3.06256}
y2={19.1465}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#DBC733" />
<stop offset={1} stopColor="#C4A147" />
</linearGradient>
<radialGradient
id="paint17_radial_18_18496"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.2501 14.1465) rotate(160.807) scale(5.2281 1.31669)"
>
<stop stopColor="#F0DD6A" />
<stop offset={1} stopColor="#DAC537" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint18_radial_18_18496"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.68756 17.209) rotate(-174.629) scale(7.34475 8.94054)"
>
<stop offset={0.793254} stopColor="#E8D99D" stopOpacity={0} />
<stop offset={0.95496} stopColor="#E8D99D" />
</radialGradient>
<radialGradient
id="paint19_radial_18_18496"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(2.0144 16.1153) rotate(-20.7933) scale(5.63385 1.40584)"
>
<stop stopColor="#E6D597" />
<stop offset={1} stopColor="#C8AE3D" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint20_linear_18_18496"
x1={16}
y1={30.959}
x2={21.3125}
y2={3.08398}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FDCD6B" />
<stop offset={1} stopColor="#FDCD6B" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = SaxophoneIcon;