@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
441 lines (440 loc) • 16.2 kB
JSX
const React = require("react");
const FountainPenIcon = ({ 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_i_18_22308)">
<path
d="M29.1404 9.34766C29.4878 9.00032 29.4878 8.43718 29.1404 8.08985C28.7931 7.74251 28.23 7.74251 27.8826 8.08985L22.3319 13.6406C21.9845 13.988 21.9845 14.5511 22.3319 14.8984C22.6792 15.2458 23.2423 15.2458 23.5897 14.8984L29.1404 9.34766Z"
fill="#C3C0C9"
/>
<path
d="M29.1404 9.34766C29.4878 9.00032 29.4878 8.43718 29.1404 8.08985C28.7931 7.74251 28.23 7.74251 27.8826 8.08985L22.3319 13.6406C21.9845 13.988 21.9845 14.5511 22.3319 14.8984C22.6792 15.2458 23.2423 15.2458 23.5897 14.8984L29.1404 9.34766Z"
fill="url(#paint0_linear_18_22308)"
/>
<path
d="M29.1404 9.34766C29.4878 9.00032 29.4878 8.43718 29.1404 8.08985C28.7931 7.74251 28.23 7.74251 27.8826 8.08985L22.3319 13.6406C21.9845 13.988 21.9845 14.5511 22.3319 14.8984C22.6792 15.2458 23.2423 15.2458 23.5897 14.8984L29.1404 9.34766Z"
fill="url(#paint1_radial_18_22308)"
/>
</g>
<g filter="url(#filter1_i_18_22308)">
<path
d="M8.5975 18.6406L12.6131 22.6563L7.10988 28.2351C6.98909 28.3575 6.83875 28.4468 6.6734 28.4941L2.04615 29.8199C1.74642 29.9058 1.46803 29.631 1.55007 29.3302L2.79495 24.7656C2.83966 24.6017 2.92541 24.4518 3.0441 24.3302L8.5975 18.6406Z"
fill="#B9B4C1"
/>
</g>
<path
d="M8.5975 18.6406L12.6131 22.6563L7.10988 28.2351C6.98909 28.3575 6.83875 28.4468 6.6734 28.4941L2.04615 29.8199C1.74642 29.9058 1.46803 29.631 1.55007 29.3302L2.79495 24.7656C2.83966 24.6017 2.92541 24.4518 3.0441 24.3302L8.5975 18.6406Z"
fill="url(#paint2_linear_18_22308)"
/>
<path
d="M8.5975 18.6406L12.6131 22.6563L7.10988 28.2351C6.98909 28.3575 6.83875 28.4468 6.6734 28.4941L2.04615 29.8199C1.74642 29.9058 1.46803 29.631 1.55007 29.3302L2.79495 24.7656C2.83966 24.6017 2.92541 24.4518 3.0441 24.3302L8.5975 18.6406Z"
fill="url(#paint3_linear_18_22308)"
/>
<path
d="M8.5975 18.6406L12.6131 22.6563L7.10988 28.2351C6.98909 28.3575 6.83875 28.4468 6.6734 28.4941L2.04615 29.8199C1.74642 29.9058 1.46803 29.631 1.55007 29.3302L2.79495 24.7656C2.83966 24.6017 2.92541 24.4518 3.0441 24.3302L8.5975 18.6406Z"
fill="url(#paint4_radial_18_22308)"
/>
<circle
cx={5.27716}
cy={26.0859}
r={0.976562}
fill="url(#paint5_radial_18_22308)"
/>
<circle
cx={5.27716}
cy={26.0859}
r={0.976562}
fill="url(#paint6_radial_18_22308)"
/>
<path
d="M23.0263 3.62456C24.3382 2.31265 26.4653 2.31265 27.7772 3.62456C29.0891 4.93648 29.0891 7.06352 27.7772 8.37544L10.8597 25.2929C10.4692 25.6834 9.83606 25.6834 9.44553 25.2929L6.10887 21.9562C5.71835 21.5657 5.71835 20.9325 6.10887 20.542L23.0263 3.62456Z"
fill="url(#paint7_linear_18_22308)"
/>
<path
d="M23.0263 3.62456C24.3382 2.31265 26.4653 2.31265 27.7772 3.62456C29.0891 4.93648 29.0891 7.06352 27.7772 8.37544L10.8597 25.2929C10.4692 25.6834 9.83606 25.6834 9.44553 25.2929L6.10887 21.9562C5.71835 21.5657 5.71835 20.9325 6.10887 20.542L23.0263 3.62456Z"
fill="url(#paint8_linear_18_22308)"
/>
<path
d="M23.0263 3.62456C24.3382 2.31265 26.4653 2.31265 27.7772 3.62456C29.0891 4.93648 29.0891 7.06352 27.7772 8.37544L10.8597 25.2929C10.4692 25.6834 9.83606 25.6834 9.44553 25.2929L6.10887 21.9562C5.71835 21.5657 5.71835 20.9325 6.10887 20.542L23.0263 3.62456Z"
fill="url(#paint9_linear_18_22308)"
/>
<path
d="M23.0263 3.62456C24.3382 2.31265 26.4653 2.31265 27.7772 3.62456C29.0891 4.93648 29.0891 7.06352 27.7772 8.37544L10.8597 25.2929C10.4692 25.6834 9.83606 25.6834 9.44553 25.2929L6.10887 21.9562C5.71835 21.5657 5.71835 20.9325 6.10887 20.542L23.0263 3.62456Z"
fill="url(#paint10_linear_18_22308)"
/>
<g filter="url(#filter2_f_18_22308)">
<path
d="M26.3877 4.59982C26.6392 4.34837 27.0469 4.34837 27.2983 4.59982V4.59982C27.5498 4.85128 27.5498 5.25896 27.2983 5.51041L9.46974 23.339C9.37211 23.4366 9.21382 23.4366 9.11619 23.339L8.55916 22.7819C8.46153 22.6843 8.46153 22.526 8.55916 22.4284L26.3877 4.59982Z"
fill="url(#paint11_linear_18_22308)"
/>
</g>
<g filter="url(#filter3_i_18_22308)">
<path
d="M13.3693 12.8844C13.5256 12.7282 13.7788 12.7282 13.935 12.8844L18.5725 17.5218C18.7287 17.678 18.7287 17.9313 18.5725 18.0875L17.6538 19.0062C17.4976 19.1624 17.2443 19.1624 17.0881 19.0062L12.4507 14.3687C12.2944 14.2125 12.2944 13.9593 12.4507 13.8031L13.3693 12.8844Z"
fill="url(#paint12_linear_18_22308)"
/>
<path
d="M13.3693 12.8844C13.5256 12.7282 13.7788 12.7282 13.935 12.8844L18.5725 17.5218C18.7287 17.678 18.7287 17.9313 18.5725 18.0875L17.6538 19.0062C17.4976 19.1624 17.2443 19.1624 17.0881 19.0062L12.4507 14.3687C12.2944 14.2125 12.2944 13.9593 12.4507 13.8031L13.3693 12.8844Z"
fill="url(#paint13_radial_18_22308)"
/>
</g>
<g filter="url(#filter4_i_18_22308)">
<path
d="M23.4562 3.03329C23.6514 2.83803 23.968 2.83803 24.1633 3.03329L28.4075 7.27751C28.6028 7.47278 28.6028 7.78936 28.4075 7.98462L27.3863 9.00589C27.3082 9.08399 27.1815 9.08399 27.1034 9.00589L22.4349 4.33739C22.3568 4.25929 22.3568 4.13266 22.4349 4.05455L23.4562 3.03329Z"
fill="url(#paint14_linear_18_22308)"
/>
<path
d="M23.4562 3.03329C23.6514 2.83803 23.968 2.83803 24.1633 3.03329L28.4075 7.27751C28.6028 7.47278 28.6028 7.78936 28.4075 7.98462L27.3863 9.00589C27.3082 9.08399 27.1815 9.08399 27.1034 9.00589L22.4349 4.33739C22.3568 4.25929 22.3568 4.13266 22.4349 4.05455L23.4562 3.03329Z"
fill="url(#paint15_radial_18_22308)"
/>
</g>
<defs>
<filter
id="filter0_i_18_22308"
x={22.0714}
y={7.57935}
width={7.47959}
height={7.57959}
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.25} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.556863 0 0 0 0 0.470588 0 0 0 0 0.643137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22308"
/>
</filter>
<filter
id="filter1_i_18_22308"
x={1.53552}
y={18.6406}
width={12.0776}
height={11.6953}
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={1} 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.654902 0 0 0 0 0.647059 0 0 0 0 0.662745 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22308"
/>
</filter>
<filter
id="filter2_f_18_22308"
x={6.98593}
y={2.91125}
width={22.001}
height={22.001}
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_22308"
/>
</filter>
<filter
id="filter3_i_18_22308"
x={12.3335}
y={12.6172}
width={6.35614}
height={6.50608}
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.15} />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.6 0 0 0 0 0.541176 0 0 0 0 0.67451 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22308"
/>
</filter>
<filter
id="filter4_i_18_22308"
x={22.3763}
y={2.73684}
width={6.32763}
height={6.32761}
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.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.615686 0 0 0 0 0.615686 0 0 0 0 0.619608 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22308"
/>
</filter>
<linearGradient
id="paint0_linear_18_22308"
x1={24.3631}
y1={11.25}
x2={25.2381}
y2={12.1563}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.33357} stopColor="#A7A7B6" />
<stop offset={1} stopColor="#A7A7B6" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint1_radial_18_22308"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.1131 8.09375) rotate(135) scale(0.972272 0.773398)"
>
<stop stopColor="#E3E2E5" />
<stop offset={1} stopColor="#E3E2E5" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18_22308"
x1={5.14435}
y1={29.1875}
x2={4.6756}
y2={27.6875}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.117438} stopColor="#957BAF" />
<stop offset={1} stopColor="#B5AAC2" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_22308"
x1={10.6443}
y1={26.0625}
x2={8.72247}
y2={24.9844}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.348636} stopColor="#9A86B1" />
<stop offset={1} stopColor="#9A86B1" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_18_22308"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(9.4256 24.5313) rotate(136.292) scale(1.46983 5.23343)"
>
<stop offset={0.311221} stopColor="#7A738E" />
<stop offset={1} stopColor="#7A738E" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_18_22308"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.03497 26.3594) rotate(-31.3287) scale(0.841432)"
>
<stop stopColor="#A9A8AB" />
<stop offset={1} stopColor="#7C7B7E" />
</radialGradient>
<radialGradient
id="paint6_radial_18_22308"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.01935 26.9219) rotate(-76.8094) scale(2.0542 1.69717)"
>
<stop offset={0.546748} stopColor="#645D6B" stopOpacity={0} />
<stop offset={0.930456} stopColor="#645D6B" />
</radialGradient>
<linearGradient
id="paint7_linear_18_22308"
x1={27.5818}
y1={3.18748}
x2={7.01935}
y2={23.125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3A81C6" />
<stop offset={1} stopColor="#3270B0" />
</linearGradient>
<linearGradient
id="paint8_linear_18_22308"
x1={13.3006}
y1={12.6562}
x2={15.8318}
y2={15.25}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3F70AB" />
<stop offset={1} stopColor="#3F70AB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_18_22308"
x1={19.9525}
y1={16.8536}
x2={18.663}
y2={15.4352}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.161387} stopColor="#456AB9" />
<stop offset={1} stopColor="#3677B8" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint10_linear_18_22308"
x1={7.7381}
y1={23.6719}
x2={8.95685}
y2={22.3437}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#3752AE" />
<stop offset={1} stopColor="#3372B3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint11_linear_18_22308"
x1={27.2983}
y1={4.59982}
x2={8.83767}
y2={23.0605}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#6D9EDE" />
<stop offset={1} stopColor="#477EC2" />
</linearGradient>
<linearGradient
id="paint12_linear_18_22308"
x1={12.9894}
y1={13.544}
x2={18.2762}
y2={18.3579}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AFAEB0" />
<stop offset={1} stopColor="#C0B9C8" />
</linearGradient>
<radialGradient
id="paint13_radial_18_22308"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(16.7718 15.0913) rotate(136.637) scale(2.12836 3.1968)"
>
<stop stopColor="#D7D5DB" />
<stop offset={1} stopColor="#D7D5DB" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint14_linear_18_22308"
x1={23.0138}
y1={3.6418}
x2={28.1521}
y2={8.32056}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#AFAEB0" />
<stop offset={1} stopColor="#C0B9C8" />
</linearGradient>
<radialGradient
id="paint15_radial_18_22308"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26.69 5.14569) rotate(135.361) scale(2.45618 3.68919)"
>
<stop offset={0.142948} stopColor="#D7D5DB" />
<stop offset={1} stopColor="#D7D5DB" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = FountainPenIcon;