@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
507 lines (506 loc) • 17 kB
JSX
const React = require("react");
const BlackNibIcon = ({ 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}
<rect
x={20.1639}
y={1.05078}
width={15.6061}
height={10.0249}
rx={2.5}
transform="rotate(45 20.1639 1.05078)"
fill="url(#paint0_linear_18_22275)"
/>
<rect
x={20.1639}
y={1.05078}
width={15.6061}
height={10.0249}
rx={2.5}
transform="rotate(45 20.1639 1.05078)"
fill="url(#paint1_linear_18_22275)"
/>
<rect
x={20.1639}
y={1.05078}
width={15.6061}
height={10.0249}
rx={2.5}
transform="rotate(45 20.1639 1.05078)"
fill="url(#paint2_linear_18_22275)"
/>
<rect
x={20.1639}
y={1.05078}
width={15.6061}
height={10.0249}
rx={2.5}
transform="rotate(45 20.1639 1.05078)"
fill="url(#paint3_linear_18_22275)"
/>
<g filter="url(#filter0_ii_18_22275)">
<path
d="M15.1912 9.53125L22.6287 17.25L17.9377 24.9162C17.5479 25.5532 16.9345 26.022 16.2175 26.2308L3.62314 29.8982C2.86649 30.1186 2.16417 29.4179 2.3828 28.6607L6.01004 16.0989C6.21711 15.3817 6.68409 14.7676 7.31975 14.3763L15.1912 9.53125Z"
fill="#B2A6BB"
/>
</g>
<path
d="M15.1912 9.53125L22.6287 17.25L17.9377 24.9162C17.5479 25.5532 16.9345 26.022 16.2175 26.2308L3.62314 29.8982C2.86649 30.1186 2.16417 29.4179 2.3828 28.6607L6.01004 16.0989C6.21711 15.3817 6.68409 14.7676 7.31975 14.3763L15.1912 9.53125Z"
fill="url(#paint4_linear_18_22275)"
/>
<path
d="M15.1912 9.53125L22.6287 17.25L17.9377 24.9162C17.5479 25.5532 16.9345 26.022 16.2175 26.2308L3.62314 29.8982C2.86649 30.1186 2.16417 29.4179 2.3828 28.6607L6.01004 16.0989C6.21711 15.3817 6.68409 14.7676 7.31975 14.3763L15.1912 9.53125Z"
fill="url(#paint5_linear_18_22275)"
/>
<path
d="M15.1912 9.53125L22.6287 17.25L17.9377 24.9162C17.5479 25.5532 16.9345 26.022 16.2175 26.2308L3.62314 29.8982C2.86649 30.1186 2.16417 29.4179 2.3828 28.6607L6.01004 16.0989C6.21711 15.3817 6.68409 14.7676 7.31975 14.3763L15.1912 9.53125Z"
fill="url(#paint6_linear_18_22275)"
/>
<path
d="M15.1912 9.53125L22.6287 17.25L17.9377 24.9162C17.5479 25.5532 16.9345 26.022 16.2175 26.2308L3.62314 29.8982C2.86649 30.1186 2.16417 29.4179 2.3828 28.6607L6.01004 16.0989C6.21711 15.3817 6.68409 14.7676 7.31975 14.3763L15.1912 9.53125Z"
fill="url(#paint7_radial_18_22275)"
/>
<g filter="url(#filter1_i_18_22275)">
<path
d="M25.9412 17.3438L25.8781 17.4069C24.9018 18.3832 23.3189 18.3832 22.3426 17.4069L14.843 9.90723C13.8666 8.93092 13.8666 7.348 14.843 6.37169L14.9061 6.30859L25.9412 17.3438Z"
fill="url(#paint8_linear_18_22275)"
/>
</g>
<path
d="M25.9412 17.3438L25.8781 17.4069C24.9018 18.3832 23.3189 18.3832 22.3426 17.4069L14.843 9.90723C13.8666 8.93092 13.8666 7.348 14.843 6.37169L14.9061 6.30859L25.9412 17.3438Z"
fill="url(#paint9_radial_18_22275)"
/>
<g filter="url(#filter2_ii_18_22275)">
<path
d="M3.80504 29.7152C3.68571 29.8353 3.53798 29.9338 3.36876 29.939C2.8145 29.9559 2.34753 29.5024 2.34231 28.9523C2.34064 28.7763 2.44101 28.6205 2.56497 28.4955L9.96194 21.0373C10.1993 20.798 10.2494 20.4375 10.1712 20.1096C10.123 19.9073 10.0974 19.6963 10.0974 19.4792C10.0974 17.9842 11.3094 16.7722 12.8045 16.7722C14.2995 16.7722 15.5115 17.9842 15.5115 19.4792C15.5115 20.9743 14.2995 22.1863 12.8045 22.1863C12.5687 22.1863 12.34 22.1561 12.1219 22.0995C11.7857 22.0122 11.4119 22.0602 11.167 22.3066L3.80504 29.7152Z"
fill="url(#paint10_linear_18_22275)"
/>
<path
d="M3.80504 29.7152C3.68571 29.8353 3.53798 29.9338 3.36876 29.939C2.8145 29.9559 2.34753 29.5024 2.34231 28.9523C2.34064 28.7763 2.44101 28.6205 2.56497 28.4955L9.96194 21.0373C10.1993 20.798 10.2494 20.4375 10.1712 20.1096C10.123 19.9073 10.0974 19.6963 10.0974 19.4792C10.0974 17.9842 11.3094 16.7722 12.8045 16.7722C14.2995 16.7722 15.5115 17.9842 15.5115 19.4792C15.5115 20.9743 14.2995 22.1863 12.8045 22.1863C12.5687 22.1863 12.34 22.1561 12.1219 22.0995C11.7857 22.0122 11.4119 22.0602 11.167 22.3066L3.80504 29.7152Z"
fill="url(#paint11_radial_18_22275)"
/>
<path
d="M3.80504 29.7152C3.68571 29.8353 3.53798 29.9338 3.36876 29.939C2.8145 29.9559 2.34753 29.5024 2.34231 28.9523C2.34064 28.7763 2.44101 28.6205 2.56497 28.4955L9.96194 21.0373C10.1993 20.798 10.2494 20.4375 10.1712 20.1096C10.123 19.9073 10.0974 19.6963 10.0974 19.4792C10.0974 17.9842 11.3094 16.7722 12.8045 16.7722C14.2995 16.7722 15.5115 17.9842 15.5115 19.4792C15.5115 20.9743 14.2995 22.1863 12.8045 22.1863C12.5687 22.1863 12.34 22.1561 12.1219 22.0995C11.7857 22.0122 11.4119 22.0602 11.167 22.3066L3.80504 29.7152Z"
fill="url(#paint12_linear_18_22275)"
/>
</g>
<g filter="url(#filter3_f_18_22275)">
<rect
x={20.6756}
y={2.57812}
width={12.8384}
height={1.74567}
rx={0.872835}
transform="rotate(45 20.6756 2.57812)"
fill="url(#paint13_linear_18_22275)"
/>
</g>
<g filter="url(#filter4_f_18_22275)">
<circle
cx={12.8366}
cy={19.5312}
r={2.0625}
stroke="url(#paint14_linear_18_22275)"
strokeWidth={0.3}
/>
</g>
<g filter="url(#filter5_f_18_22275)">
<path
d="M2.90997 29.4062L11.0506 21"
stroke="url(#paint15_linear_18_22275)"
strokeWidth={0.3}
/>
</g>
<defs>
<filter
id="filter0_ii_18_22275"
x={2.34229}
y={8.53125}
width={21.0364}
height={21.4082}
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={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.619608 0 0 0 0 0.494118 0 0 0 0 0.737255 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22275"
/>
<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={2.5} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.67451 0 0 0 0 0.65098 0 0 0 0 0.701961 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22275"
result="effect2_innerShadow_18_22275"
/>
</filter>
<filter
id="filter1_i_18_22275"
x={14.1107}
y={5.80859}
width={11.8305}
height={12.3306}
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.5} />
<feGaussianBlur stdDeviation={0.75} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.784314 0 0 0 0 0.443137 0 0 0 0 0.341176 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22275"
/>
</filter>
<filter
id="filter2_ii_18_22275"
x={1.84229}
y={16.2722}
width={13.7192}
height={13.7172}
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.388235 0 0 0 0 0.364706 0 0 0 0 0.427451 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_22275"
/>
<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.05} dy={0.05} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.505882 0 0 0 0 0.486275 0 0 0 0 0.541176 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_22275"
result="effect2_innerShadow_18_22275"
/>
</filter>
<filter
id="filter3_f_18_22275"
x={18.3028}
y={1.4397}
width={12.5894}
height={12.5894}
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_22275"
/>
</filter>
<filter
id="filter4_f_18_22275"
x={10.0241}
y={16.7188}
width={5.62499}
height={5.6248}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.3}
result="effect1_foregroundBlur_18_22275"
/>
</filter>
<filter
id="filter5_f_18_22275"
x={2.35222}
y={20.4458}
width={9.25614}
height={9.51487}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.225}
result="effect1_foregroundBlur_18_22275"
/>
</filter>
<linearGradient
id="paint0_linear_18_22275"
x1={28.5442}
y1={10.5415}
x2={27.6161}
y2={1.12813}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#513A63" />
<stop offset={1} stopColor="#463E67" />
</linearGradient>
<linearGradient
id="paint1_linear_18_22275"
x1={20.0589}
y1={6.82918}
x2={22.9978}
y2={6.80708}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.437637} stopColor="#3B3559" />
<stop offset={1} stopColor="#463456" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint2_linear_18_22275"
x1={35.8142}
y1={5.56965}
x2={33.494}
y2={5.54755}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#473C63" />
<stop offset={1} stopColor="#473C63" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint3_linear_18_22275"
x1={19.7326}
y1={6.28136}
x2={21.0713}
y2={6.25287}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5C5567" />
<stop offset={1} stopColor="#5C5567" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint4_linear_18_22275"
x1={8.69122}
y1={29.3125}
x2={8.28497}
y2={27.1875}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9F80BB" />
<stop offset={1} stopColor="#9F80BB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint5_linear_18_22275"
x1={3.72247}
y1={22.75}
x2={4.72247}
y2={23.0625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#BEBDC0" />
<stop offset={1} stopColor="#BEBDC0" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_18_22275"
x1={22.8162}
y1={16.9687}
x2={20.66}
y2={18.8125}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.226523} stopColor="#886A8C" />
<stop offset={1} stopColor="#A08EAA" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint7_radial_18_22275"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(18.91 23.3125) rotate(-58.4382) scale(5.13452 2.60399)"
>
<stop stopColor="#BCAECB" />
<stop offset={1} stopColor="#BCAECB" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint8_linear_18_22275"
x1={18.537}
y1={13.5482}
x2={20.5108}
y2={11.4535}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F2A65B" />
<stop offset={1} stopColor="#F6AE5E" />
</linearGradient>
<radialGradient
id="paint9_radial_18_22275"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.8945 9.8422) rotate(-168.594) scale(9.98093 12.6284)"
>
<stop offset={0.876511} stopColor="#EEB481" stopOpacity={0} />
<stop offset={1} stopColor="#EEB481" />
</radialGradient>
<linearGradient
id="paint10_linear_18_22275"
x1={13.5975}
y1={18.5001}
x2={2.6912}
y2={29.4688}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#898098" />
<stop offset={1} stopColor="#9892A2" />
</linearGradient>
<radialGradient
id="paint11_radial_18_22275"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(7.94121 28.5938) rotate(-63.4526) scale(13.2149 7.46285)"
>
<stop offset={0.769909} stopColor="#887C98" stopOpacity={0} />
<stop offset={0.963438} stopColor="#6C5981" />
</radialGradient>
<linearGradient
id="paint12_linear_18_22275"
x1={3.00372}
y1={27.7813}
x2={4.15997}
y2={28.6251}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#9083A3" />
<stop offset={1} stopColor="#9083A3" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint13_linear_18_22275"
x1={21.0427}
y1={3.72968}
x2={33.38}
y2={3.39311}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5C5D7E" />
<stop offset={1} stopColor="#646585" />
</linearGradient>
<linearGradient
id="paint14_linear_18_22275"
x1={10.5193}
y1={20.3594}
x2={12.1443}
y2={19.7344}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B3AEBB" />
<stop offset={1} stopColor="#B3AEBB" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_18_22275"
x1={2.65997}
y1={29.1875}
x2={12.4278}
y2={19.6477}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B3AEBB" />
<stop offset={1} stopColor="#B3AEBB" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = BlackNibIcon;