@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
252 lines (251 loc) • 7.9 kB
JSX
const React = require("react");
const TradeMarkIcon = ({ 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_18590_2156)">
<path
d="M2.6187 2.25H11.0395C11.7484 2.25 12.3291 2.77754 12.3291 3.42145C12.3291 4.06536 11.7484 4.5929 11.0395 4.5929H8.1614V11.0708C8.1614 11.7147 7.58919 12.25 6.88034 12.25C6.17149 12.25 5.59075 11.7225 5.59075 11.0785V4.5929H2.6187C1.90985 4.5929 1.3291 4.06536 1.3291 3.42145C1.3291 2.77754 1.90985 2.25 2.6187 2.25Z"
fill="#4E4259"
/>
</g>
<g filter="url(#filter1_ii_18590_2156)">
<path
d="M21.914 2.25728C22.5327 2.25728 23.0396 2.78444 23.0396 3.42788V11.0716C23.0396 11.7151 22.5551 12.25 21.9364 12.25C21.3177 12.25 20.8109 11.7228 20.8109 11.0794V6.00164L18.5897 8.31183C18.3512 8.55215 18.0381 8.66068 17.7325 8.64518C17.4194 8.66844 17.1064 8.55215 16.8753 8.31183L14.8926 6.24972V11.0716C14.8926 11.7151 14.3858 12.2422 13.7671 12.2422C13.1485 12.2422 12.6416 11.7151 12.6416 11.0716V3.43563C12.6416 3.12554 12.746 2.8232 12.9696 2.59063C13.2975 2.24178 13.7895 2.16425 14.1994 2.34256C14.3336 2.39682 14.4529 2.4821 14.5572 2.59063L17.7176 5.87761L20.878 2.59063C21.155 2.31095 21.5579 2.25728 21.914 2.25728Z"
fill="#4E4259"
/>
</g>
<g filter="url(#filter2_f_18590_2156)">
<path
d="M2.85205 3.1875H11.1333"
stroke="#5C5168"
strokeWidth={0.75}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_2156)">
<path
d="M7.1958 3.28125V11.2812"
stroke="#5C5168"
strokeWidth={0.75}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter4_f_18590_2156)">
<path
d="M14.1237 11.0625V6.0625"
stroke="#5C5168"
strokeWidth={0.75}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter5_f_18590_2156)">
<path
d="M13.9071 2.9375L18.0902 7.09375L21.8757 3.35758C22.0336 3.20168 22.3013 3.31357 22.3013 3.53551V11.0938"
stroke="#5C5168"
strokeWidth={0.75}
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_2156"
x={1.3291}
y={1.25}
width={12}
height={11}
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={-1} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.258824 0 0 0 0 0.184314 0 0 0 0 0.329412 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2156"
/>
<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} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.176471 0 0 0 0 0.145098 0 0 0 0 0.211765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2156"
result="effect2_innerShadow_18590_2156"
/>
</filter>
<filter
id="filter1_ii_18590_2156"
x={12.6416}
y={1.25}
width={11.3979}
height={11}
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={-1} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.258824 0 0 0 0 0.184314 0 0 0 0 0.329412 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_2156"
/>
<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} />
<feGaussianBlur stdDeviation={0.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.176471 0 0 0 0 0.145098 0 0 0 0 0.211765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_2156"
result="effect2_innerShadow_18590_2156"
/>
</filter>
<filter
id="filter2_f_18590_2156"
x={1.97705}
y={2.3125}
width={10.0312}
height={1.75}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18590_2156"
/>
</filter>
<filter
id="filter3_f_18590_2156"
x={6.3208}
y={2.40625}
width={1.75}
height={9.75}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18590_2156"
/>
</filter>
<filter
id="filter4_f_18590_2156"
x={13.2487}
y={5.1875}
width={1.75}
height={6.75}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18590_2156"
/>
</filter>
<filter
id="filter5_f_18590_2156"
x={13.0321}
y={2.0625}
width={10.1442}
height={9.90625}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_18590_2156"
/>
</filter>
</defs>
</svg>
);
module.exports = TradeMarkIcon;