@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
484 lines (483 loc) • 17.4 kB
JSX
const React = require("react");
const GuitarIcon = ({ 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_18660)">
<path
d="M11.6875 13.0625C11.9466 11.5675 12.9845 10.2811 14.044 9.43302C14.5004 9.06769 15.1442 9.12605 15.5929 9.50087C16.3803 10.1587 16.2161 11.504 15.5196 12.2574C15.3689 12.4205 15.2201 12.6 15.0781 12.7969C13.7031 14.7031 15.3594 16.6094 16.5781 17.1719C17.5312 17.7578 18.8125 17.5 19.3125 17.375C19.8125 17.25 21.4687 16.8125 21.75 18C22.0312 19.1875 21.4375 20.1875 20.125 20.4375C18.8125 20.6875 17.5625 20.5313 17.0312 23.25C16.5 25.9688 15.3125 28.375 12.5625 29.4375C9.81247 30.5 6.65622 30.1875 4.31247 27.8438C2.46872 25.875 1.46873 21.9375 3.37498 18.8125C5.49997 15.7188 8.15623 15.5 9.03123 15.3438C9.90623 15.1875 11.2344 15.2188 11.6875 13.0625Z"
fill="url(#paint0_linear_18_18660)"
/>
</g>
<path
d="M7.20307 18.1876C8.14587 16.8987 10.1227 16.5944 11.0612 16.633C11.1388 16.6362 11.212 16.5973 11.2517 16.5306C11.6925 15.7891 12.148 15.3157 12.7031 15.2188C13.0862 15.1827 13.7406 15.1719 14.2031 16.0469C14.6656 16.9219 15.3854 17.7865 15.6874 18.1094C17.2096 18.7453 18.3067 18.5681 19.0875 18.3604C19.4282 18.2697 19.7735 18.4659 19.8599 18.8078C19.9572 19.1925 19.6808 19.5756 19.2955 19.6705C18.6014 19.8413 17.6401 20.2238 16.7656 21.0469C15.1718 22.5469 15.9062 24.2969 14.6406 26.0782C13.8769 27.153 11.7343 29.1719 10.4062 28.0782C9.77497 27.5584 9.85239 26.3184 10.1229 25.4222C10.2508 24.9987 10.1973 24.5146 9.89252 24.194L7.40619 21.5782C6.94786 21.0001 6.21557 19.5376 7.20307 18.1876Z"
fill="url(#paint1_linear_18_18660)"
/>
<g filter="url(#filter1_ii_18_18660)">
<path
d="M23.7636 6.75195L25.6152 8.60352L15.6734 18.5453C15.5172 18.7015 15.264 18.7015 15.1077 18.5453L13.8219 17.2594C13.6657 17.1032 13.6657 16.8499 13.8219 16.6937L23.7636 6.75195Z"
fill="url(#paint2_linear_18_18660)"
/>
<path
d="M23.7636 6.75195L25.6152 8.60352L15.6734 18.5453C15.5172 18.7015 15.264 18.7015 15.1077 18.5453L13.8219 17.2594C13.6657 17.1032 13.6657 16.8499 13.8219 16.6937L23.7636 6.75195Z"
fill="url(#paint3_linear_18_18660)"
/>
</g>
<g filter="url(#filter2_ii_18_18660)">
<path
d="M28.9219 6.74219C29.7255 6.74219 30.377 5.98135 30.377 5.17773C30.377 4.37411 29.7255 3.72266 28.9219 3.72266C28.687 3.72266 28.4651 3.77832 28.2687 3.87717L24.2073 5.54354C23.5494 5.81346 23.3755 6.66447 23.8748 7.17082L25.4506 8.76889C25.8066 9.13 26.4367 9.09563 26.7085 8.66749C26.9705 8.25483 27.2788 7.67706 27.5665 6.85643C27.631 6.67248 27.8545 6.58283 28.0428 6.63306C28.3358 6.71121 28.6844 6.74219 28.9219 6.74219Z"
fill="#CD338B"
/>
<path
d="M28.9219 6.74219C29.7255 6.74219 30.377 5.98135 30.377 5.17773C30.377 4.37411 29.7255 3.72266 28.9219 3.72266C28.687 3.72266 28.4651 3.77832 28.2687 3.87717L24.2073 5.54354C23.5494 5.81346 23.3755 6.66447 23.8748 7.17082L25.4506 8.76889C25.8066 9.13 26.4367 9.09563 26.7085 8.66749C26.9705 8.25483 27.2788 7.67706 27.5665 6.85643C27.631 6.67248 27.8545 6.58283 28.0428 6.63306C28.3358 6.71121 28.6844 6.74219 28.9219 6.74219Z"
fill="url(#paint4_radial_18_18660)"
/>
</g>
<g filter="url(#filter3_i_18_18660)">
<path
d="M11.8092 18.1915C12.0113 17.9917 12.337 17.9935 12.5368 18.1956L14.136 19.8129C14.3357 20.015 14.3339 20.3407 14.1319 20.5405C13.9298 20.7403 13.6041 20.7384 13.4043 20.5364L11.8051 18.919C11.6054 18.717 11.6072 18.3913 11.8092 18.1915Z"
fill="url(#paint5_linear_18_18660)"
/>
</g>
<g filter="url(#filter4_i_18_18660)">
<path
d="M9.74674 20.254C9.94878 20.0542 10.2745 20.056 10.4743 20.2581L12.0735 21.8754C12.2732 22.0775 12.2714 22.4032 12.0694 22.603C11.8673 22.8028 11.5416 22.8009 11.3418 22.5989L9.74263 20.9815C9.54286 20.7795 9.54469 20.4538 9.74674 20.254Z"
fill="url(#paint6_linear_18_18660)"
/>
</g>
<g filter="url(#filter5_d_18_18660)">
<path
d="M6.79857 22.7836C6.99493 22.5895 7.31151 22.5912 7.50567 22.7876L9.53247 24.8374C9.72663 25.0338 9.72484 25.3504 9.52848 25.5445L8.84881 26.2166C8.65245 26.4107 8.33587 26.4089 8.14172 26.2126L6.11492 24.1627C5.92076 23.9664 5.92255 23.6498 6.11891 23.4556L6.79857 22.7836Z"
fill="url(#paint7_linear_18_18660)"
/>
<path
d="M6.79857 22.7836C6.99493 22.5895 7.31151 22.5912 7.50567 22.7876L9.53247 24.8374C9.72663 25.0338 9.72484 25.3504 9.52848 25.5445L8.84881 26.2166C8.65245 26.4107 8.33587 26.4089 8.14172 26.2126L6.11492 24.1627C5.92076 23.9664 5.92255 23.6498 6.11891 23.4556L6.79857 22.7836Z"
fill="url(#paint8_linear_18_18660)"
/>
</g>
<circle
cx={24.4102}
cy={4.94531}
r={0.574219}
fill="url(#paint9_radial_18_18660)"
/>
<circle
cx={26.1055}
cy={4.24219}
r={0.574219}
fill="url(#paint10_radial_18_18660)"
/>
<circle
cx={27.8945}
cy={3.5}
r={0.574219}
fill="url(#paint11_radial_18_18660)"
/>
<defs>
<filter
id="filter0_ii_18_18660"
x={2.09766}
y={9.18738}
width={20.0208}
height={21.1325}
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.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.890196 0 0 0 0 0.368627 0 0 0 0 0.564706 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18660"
/>
<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.3} dy={0.3} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.815686 0 0 0 0 0.156863 0 0 0 0 0.231373 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_18660"
result="effect2_innerShadow_18_18660"
/>
</filter>
<filter
id="filter1_ii_18_18660"
x={13.4547}
y={6.75195}
width={12.4105}
height={11.9105}
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} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.329412 0 0 0 0 0.258824 0 0 0 0 0.513726 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18660"
/>
<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} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.384314 0 0 0 0 0.309804 0 0 0 0 0.568627 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_18660"
result="effect2_innerShadow_18_18660"
/>
</filter>
<filter
id="filter2_ii_18_18660"
x={23.4365}
y={3.57266}
width={7.09041}
height={5.5937}
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.788235 0 0 0 0 0.196078 0 0 0 0 0.478431 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18660"
/>
<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.788235 0 0 0 0 0.196078 0 0 0 0 0.478431 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_18660"
result="effect2_innerShadow_18_18660"
/>
</filter>
<filter
id="filter3_i_18_18660"
x={11.6565}
y={17.9428}
width={2.72817}
height={2.74624}
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.05} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.592157 0 0 0 0 0.517647 0 0 0 0 0.65098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18660"
/>
</filter>
<filter
id="filter4_i_18_18660"
x={9.59399}
y={20.0053}
width={2.72817}
height={2.74624}
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.05} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.592157 0 0 0 0 0.517647 0 0 0 0 0.65098 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_18660"
/>
</filter>
<filter
id="filter5_d_18_18660"
x={5.52046}
y={22.4892}
width={4.30642}
height={4.3218}
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.15} dy={0.15} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="out" />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.8 0 0 0 0 0.141176 0 0 0 0 0.282353 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="BackgroundImageFix"
result="effect1_dropShadow_18_18660"
/>
<feBlend
mode="normal"
in="SourceGraphic"
in2="effect1_dropShadow_18_18660"
result="shape"
/>
</filter>
<linearGradient
id="paint0_linear_18_18660"
x1={9.56248}
y1={24.5}
x2={20.5625}
y2={23.625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D53556" />
<stop offset={1} stopColor="#D83391" />
</linearGradient>
<linearGradient
id="paint1_linear_18_18660"
x1={5.84369}
y1={19.0938}
x2={12.4999}
y2={21.4376}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFEBFF" />
<stop offset={1} stopColor="#FFE8FF" />
</linearGradient>
<linearGradient
id="paint2_linear_18_18660"
x1={24.3437}
y1={8.0625}
x2={14.2187}
y2={17.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#635C95" />
<stop offset={1} stopColor="#605193" />
</linearGradient>
<linearGradient
id="paint3_linear_18_18660"
x1={24.9843}
y1={8.01563}
x2={24.4531}
y2={8.53125}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.220312} stopColor="#57337D" />
<stop offset={1} stopColor="#645D97" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18_18660"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(25.6563 6.36951) rotate(-19.0125) scale(4.87534 2.94423)"
>
<stop offset={0.903242} stopColor="#E663A0" stopOpacity={0} />
<stop offset={1} stopColor="#E663A0" />
</radialGradient>
<linearGradient
id="paint5_linear_18_18660"
x1={11.8985}
y1={18.4844}
x2={13.8438}
y2={20.3907}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9C8BAA" />
<stop offset={1} stopColor="#A08EAF" />
</linearGradient>
<linearGradient
id="paint6_linear_18_18660"
x1={9.83597}
y1={20.5469}
x2={11.7813}
y2={22.4532}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9C8BAA" />
<stop offset={1} stopColor="#A08EAF" />
</linearGradient>
<linearGradient
id="paint7_linear_18_18660"
x1={8.68746}
y1={23.6875}
x2={7.12496}
y2={25.3438}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A394B1" />
<stop offset={1} stopColor="#9178A2" />
</linearGradient>
<linearGradient
id="paint8_linear_18_18660"
x1={8.51558}
y1={23.5782}
x2={8.15621}
y2={23.9688}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AD9FB8" />
<stop offset={1} stopColor="#AD9FB8" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint9_radial_18_18660"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.7812 4.84375) rotate(157.319) scale(0.567308)"
>
<stop offset={0.194064} stopColor="#C3B9C9" />
<stop offset={1} stopColor="#B7A7C0" />
</radialGradient>
<radialGradient
id="paint10_radial_18_18660"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.4766 4.14062) rotate(157.319) scale(0.567308)"
>
<stop offset={0.194064} stopColor="#C3B9C9" />
<stop offset={1} stopColor="#B7A7C0" />
</radialGradient>
<radialGradient
id="paint11_radial_18_18660"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.2656 3.39844) rotate(157.319) scale(0.567308)"
>
<stop offset={0.194064} stopColor="#C3B9C9" />
<stop offset={1} stopColor="#B7A7C0" />
</radialGradient>
</defs>
</svg>
);
module.exports = GuitarIcon;