@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
317 lines (316 loc) • 12.3 kB
JSX
const React = require("react");
const CustomsIcon = ({ 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_490)">
<rect
x={2.48657}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_490)"
/>
<rect
x={2.48657}
y={1.9375}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_490)"
/>
</g>
<g filter="url(#filter1_f_18590_490)">
<path
d="M28.6741 4.4375V27.3125"
stroke="url(#paint2_linear_18590_490)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_490)">
<path
d="M5.95044 3.75H27.7317"
stroke="url(#paint3_linear_18590_490)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_490)">
<path
d="M17.7501 5.84845C17.3807 5.84845 17.1389 6.23527 17.3006 6.5674L17.8804 7.75774C17.9128 7.82417 17.8644 7.90153 17.7905 7.90153H16.4504C16.1743 7.90153 15.9504 8.12539 15.9504 8.40153C15.9504 8.67767 16.1743 8.90153 16.4504 8.90153H24.4504C24.7266 8.90153 24.9504 8.67767 24.9504 8.40153V6.34845C24.9504 6.07231 24.7266 5.84845 24.4504 5.84845H17.7501Z"
fill="#579FFF"
/>
<path
d="M18.4504 9.90153C18.1743 9.90153 17.9504 10.1254 17.9504 10.4015V10.9015C17.9504 11.2955 18.041 11.6856 18.2169 12.0496C18.3928 12.4136 18.6506 12.7443 18.9756 13.0229C19.3006 13.3014 19.6864 13.5224 20.111 13.6732C20.5357 13.8239 20.9908 13.9015 21.4504 13.9015C21.9101 13.9015 22.3652 13.8239 22.7898 13.6732C23.2145 13.5224 23.6003 13.3014 23.9253 13.0229C24.2503 12.7443 24.5081 12.4136 24.684 12.0496C24.8599 11.6856 24.9504 11.2955 24.9504 10.9015V10.4015C24.9504 10.1254 24.7266 9.90153 24.4504 9.90153H18.4504Z"
fill="#579FFF"
/>
<path
d="M25.008 15.7661C25.3384 15.456 25.119 14.9016 24.6659 14.9016L17.4504 14.9016C17.4332 14.9016 17.4161 14.9024 17.3992 14.9041C17.0764 14.8957 16.7484 14.991 16.4687 15.198L10.2419 19.8062C9.57603 20.299 9.43571 21.2383 9.92852 21.9042C10.4213 22.5701 11.3607 22.7104 12.0266 22.2176L16.791 18.6917C16.857 18.6428 16.9504 18.6899 16.9504 18.7721V22.6239C16.9504 22.7923 17.087 22.9289 17.2555 22.9289C17.3331 22.9289 17.4077 22.8994 17.4643 22.8463L25.008 15.7661Z"
fill="#579FFF"
/>
<path
d="M16.9504 25.2183C16.9504 25.0818 17.0062 24.9513 17.1048 24.857L25.1048 17.2048C25.4229 16.9006 25.9504 17.126 25.9504 17.5661V25.4016C25.9504 25.6777 25.7266 25.9016 25.4504 25.9016H17.4504C17.1743 25.9016 16.9504 25.6777 16.9504 25.4016V25.2183Z"
fill="#579FFF"
/>
<path
d="M5.95044 17.9016C5.95044 17.3493 6.39815 16.9016 6.95044 16.9016H7.82544C7.89448 16.9016 7.95044 16.9575 7.95044 17.0266V23.8016C7.95044 23.8568 7.90567 23.9016 7.85044 23.9016H6.95044C6.39815 23.9016 5.95044 23.4538 5.95044 22.9016V17.9016Z"
fill="#579FFF"
/>
<path
d="M8.95044 25.9016C8.39815 25.9016 7.95044 25.4538 7.95044 24.9016L7.95044 24.0266C7.95044 23.9575 8.0064 23.9016 8.07544 23.9016H14.8254C14.8945 23.9016 14.9504 23.9575 14.9504 24.0266V24.9016C14.9504 25.4538 14.5027 25.9016 13.9504 25.9016H8.95044Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_490)">
<path
d="M17.7501 5.84845C17.3807 5.84845 17.1389 6.23527 17.3006 6.5674L17.8804 7.75774C17.9128 7.82417 17.8644 7.90153 17.7905 7.90153H16.4504C16.1743 7.90153 15.9504 8.12539 15.9504 8.40153C15.9504 8.67767 16.1743 8.90153 16.4504 8.90153H24.4504C24.7266 8.90153 24.9504 8.67767 24.9504 8.40153V6.34845C24.9504 6.07231 24.7266 5.84845 24.4504 5.84845H17.7501Z"
fill="#FCF2FF"
/>
<path
d="M18.4504 9.90153C18.1743 9.90153 17.9504 10.1254 17.9504 10.4015V10.9015C17.9504 11.2955 18.041 11.6856 18.2169 12.0496C18.3928 12.4136 18.6506 12.7443 18.9756 13.0229C19.3006 13.3014 19.6864 13.5224 20.111 13.6732C20.5357 13.8239 20.9908 13.9015 21.4504 13.9015C21.9101 13.9015 22.3652 13.8239 22.7898 13.6732C23.2145 13.5224 23.6003 13.3014 23.9253 13.0229C24.2503 12.7443 24.5081 12.4136 24.684 12.0496C24.8599 11.6856 24.9504 11.2955 24.9504 10.9015V10.4015C24.9504 10.1254 24.7266 9.90153 24.4504 9.90153H18.4504Z"
fill="#FCF2FF"
/>
<path
d="M25.008 15.7661C25.3384 15.456 25.119 14.9016 24.6659 14.9016L17.4504 14.9016C17.4332 14.9016 17.4161 14.9024 17.3992 14.9041C17.0764 14.8957 16.7484 14.991 16.4687 15.198L10.2419 19.8062C9.57603 20.299 9.43571 21.2383 9.92852 21.9042C10.4213 22.5701 11.3607 22.7104 12.0266 22.2176L16.791 18.6917C16.857 18.6428 16.9504 18.6899 16.9504 18.7721V22.6239C16.9504 22.7923 17.087 22.9289 17.2555 22.9289C17.3331 22.9289 17.4077 22.8994 17.4643 22.8463L25.008 15.7661Z"
fill="#FCF2FF"
/>
<path
d="M16.9504 25.2183C16.9504 25.0818 17.0062 24.9513 17.1048 24.857L25.1048 17.2048C25.4229 16.9006 25.9504 17.126 25.9504 17.5661V25.4016C25.9504 25.6777 25.7266 25.9016 25.4504 25.9016H17.4504C17.1743 25.9016 16.9504 25.6777 16.9504 25.4016V25.2183Z"
fill="#FCF2FF"
/>
<path
d="M5.95044 17.9016C5.95044 17.3493 6.39815 16.9016 6.95044 16.9016H7.82544C7.89448 16.9016 7.95044 16.9575 7.95044 17.0266V23.8016C7.95044 23.8568 7.90567 23.9016 7.85044 23.9016H6.95044C6.39815 23.9016 5.95044 23.4538 5.95044 22.9016V17.9016Z"
fill="#FCF2FF"
/>
<path
d="M8.95044 25.9016C8.39815 25.9016 7.95044 25.4538 7.95044 24.9016L7.95044 24.0266C7.95044 23.9575 8.0064 23.9016 8.07544 23.9016H14.8254C14.8945 23.9016 14.9504 23.9575 14.9504 24.0266V24.9016C14.9504 25.4538 14.5027 25.9016 13.9504 25.9016H8.95044Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_490"
x={2.48657}
y={0.9375}
width={28.875}
height={28.875}
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={-1} />
<feGaussianBlur stdDeviation={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.188235 0 0 0 0 0.470588 0 0 0 0 0.843137 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_490"
/>
<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={1.5} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.27451 0 0 0 0 0.34902 0 0 0 0 0.8 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_490"
result="effect2_innerShadow_18590_490"
/>
</filter>
<filter
id="filter1_f_18590_490"
x={25.9241}
y={1.6875}
width={5.5}
height={28.375}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_490"
/>
</filter>
<filter
id="filter2_f_18590_490"
x={3.20044}
y={1}
width={27.2812}
height={5.5}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_18590_490"
/>
</filter>
<filter
id="filter3_f_18590_490"
x={4.95044}
y={4.84845}
width={22}
height={22.0531}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.5}
result="effect1_foregroundBlur_18590_490"
/>
</filter>
<filter
id="filter4_ii_18590_490"
x={5.55044}
y={5.44845}
width={20.8}
height={20.8531}
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} dy={0.4} />
<feGaussianBlur stdDeviation={0.375} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.901961 0 0 0 0 0.854902 0 0 0 0 0.980392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_490"
/>
<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} dy={-0.4} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 1 0 0 0 0 0.988235 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18590_490"
result="effect2_innerShadow_18590_490"
/>
</filter>
<linearGradient
id="paint0_linear_18590_490"
x1={16.4241}
y1={5.51201}
x2={16.4241}
y2={38.7647}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_490"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1428 4.03125) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_490"
x1={29.1741}
y1={4.4375}
x2={29.1741}
y2={27.3125}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_490"
x1={28.8879}
y1={4.00002}
x2={3.35669}
y2={4.00002}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = CustomsIcon;