@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
309 lines (308 loc) • 13.2 kB
JSX
const React = require("react");
const PassportControlIcon = ({ 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_476)">
<rect
x={2.48657}
y={2.0625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_476)"
/>
<rect
x={2.48657}
y={2.0625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_476)"
/>
</g>
<g filter="url(#filter1_f_18590_476)">
<path
d="M28.6741 4.5625V27.4375"
stroke="url(#paint2_linear_18590_476)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_476)">
<path
d="M5.95044 3.875H27.7317"
stroke="url(#paint3_linear_18590_476)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_476)">
<path
d="M17.2311 5.97345C16.8617 5.97345 16.6198 6.36027 16.7816 6.6924L17.3614 7.88274C17.3937 7.94917 17.3453 8.02653 17.2715 8.02653H15.9314C15.6553 8.02653 15.4314 8.25039 15.4314 8.52653C15.4314 8.80267 15.6553 9.02653 15.9314 9.02653H23.9314C24.2075 9.02653 24.4314 8.80267 24.4314 8.52653V6.47345C24.4314 6.19731 24.2075 5.97345 23.9314 5.97345H17.2311Z"
fill="#579FFF"
/>
<path
d="M17.9314 10.0265C17.6553 10.0265 17.4314 10.2504 17.4314 10.5265V11.0265C17.4314 11.4205 17.5219 11.8106 17.6978 12.1746C17.8737 12.5386 18.1315 12.8693 18.4565 13.1479C18.7815 13.4264 19.1674 13.6474 19.592 13.7982C20.0166 13.9489 20.4718 14.0265 20.9314 14.0265C21.391 14.0265 21.8461 13.9489 22.2708 13.7982C22.6954 13.6474 23.0813 13.4264 23.4063 13.1479C23.7313 12.8693 23.9891 12.5386 24.165 12.1746C24.3409 11.8106 24.4314 11.4205 24.4314 11.0265V10.5265C24.4314 10.2504 24.2075 10.0265 23.9314 10.0265H17.9314Z"
fill="#579FFF"
/>
<path
d="M11.9314 8.02655C12.2075 8.02655 12.4314 8.25041 12.4314 8.52655V13.5266C12.4314 13.8027 12.2075 14.0266 11.9314 14.0266H10.5314C10.4762 14.0266 10.4314 14.0713 10.4314 14.1266V14.8926C10.4314 15.2775 10.0147 15.518 9.6814 15.3256L7.98519 14.3463C7.96759 14.3387 7.95012 14.33 7.93285 14.3201L7.68444 14.1783C7.52858 14.0893 7.43237 13.9236 7.43237 13.7441V13.1519C7.43237 13.1509 7.43221 13.15 7.43188 13.149V13.149C7.43156 13.1481 7.4314 13.1471 7.4314 13.1462V8.52655C7.4314 8.25041 7.65525 8.02655 7.9314 8.02655H11.9314ZM10.4314 12.9016C10.4314 12.9706 10.4874 13.0266 10.5564 13.0266H11.3064C11.3754 13.0266 11.4314 12.9706 11.4314 12.9016V9.15155C11.4314 9.08251 11.3754 9.02655 11.3064 9.02655H9.73317C9.62181 9.02655 9.56604 9.16119 9.64478 9.23994L10.2849 9.8801C10.3787 9.97387 10.4314 10.101 10.4314 10.2337V12.9016Z"
fill="#579FFF"
/>
<path
d="M24.1797 15.0266C24.6333 15.0266 24.8525 15.5821 24.5211 15.8919L16.9452 22.9717C16.8886 23.0245 16.8141 23.0539 16.7367 23.0539C16.5681 23.0539 16.4314 22.9172 16.4314 22.7486V19.3618C16.4314 19.2729 16.3239 19.2282 16.2609 19.2909L13.9422 21.5973C13.6611 21.8769 13.2808 22.0338 12.8843 22.0338H8.90967C8.08124 22.0338 7.40967 21.3622 7.40967 20.5338C7.40967 19.7054 8.08124 19.0338 8.90967 19.0338H12.2241C12.2505 19.0338 12.2759 19.0233 12.2946 19.0047L15.8547 15.4636C16.1464 15.1734 16.5276 15.028 16.909 15.0271C16.9164 15.0267 16.9239 15.0266 16.9314 15.0266L24.1797 15.0266Z"
fill="#579FFF"
/>
<path
d="M16.4314 25.3433C16.4314 25.2068 16.4872 25.0763 16.5858 24.982L24.5858 17.3298C24.9038 17.0256 25.4314 17.251 25.4314 17.6911V25.5266C25.4314 25.8027 25.2075 26.0266 24.9314 26.0266H16.9314C16.6553 26.0266 16.4314 25.8027 16.4314 25.5266V25.3433Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_ii_18590_476)">
<path
d="M17.2311 5.97345C16.8617 5.97345 16.6198 6.36027 16.7816 6.6924L17.3614 7.88274C17.3937 7.94917 17.3453 8.02653 17.2715 8.02653H15.9314C15.6553 8.02653 15.4314 8.25039 15.4314 8.52653C15.4314 8.80267 15.6553 9.02653 15.9314 9.02653H23.9314C24.2075 9.02653 24.4314 8.80267 24.4314 8.52653V6.47345C24.4314 6.19731 24.2075 5.97345 23.9314 5.97345H17.2311Z"
fill="#FCF2FF"
/>
<path
d="M17.9314 10.0265C17.6553 10.0265 17.4314 10.2504 17.4314 10.5265V11.0265C17.4314 11.4205 17.5219 11.8106 17.6978 12.1746C17.8737 12.5386 18.1315 12.8693 18.4565 13.1479C18.7815 13.4264 19.1674 13.6474 19.592 13.7982C20.0166 13.9489 20.4718 14.0265 20.9314 14.0265C21.391 14.0265 21.8461 13.9489 22.2708 13.7982C22.6954 13.6474 23.0813 13.4264 23.4063 13.1479C23.7313 12.8693 23.9891 12.5386 24.165 12.1746C24.3409 11.8106 24.4314 11.4205 24.4314 11.0265V10.5265C24.4314 10.2504 24.2075 10.0265 23.9314 10.0265H17.9314Z"
fill="#FCF2FF"
/>
<path
d="M11.9314 8.02655C12.2075 8.02655 12.4314 8.25041 12.4314 8.52655V13.5266C12.4314 13.8027 12.2075 14.0266 11.9314 14.0266H10.5314C10.4762 14.0266 10.4314 14.0713 10.4314 14.1266V14.8926C10.4314 15.2775 10.0147 15.518 9.6814 15.3256L7.98519 14.3463C7.96759 14.3387 7.95012 14.33 7.93285 14.3201L7.68444 14.1783C7.52858 14.0893 7.43237 13.9236 7.43237 13.7441V13.1519C7.43237 13.1509 7.43221 13.15 7.43188 13.149V13.149C7.43156 13.1481 7.4314 13.1471 7.4314 13.1462V8.52655C7.4314 8.25041 7.65525 8.02655 7.9314 8.02655H11.9314ZM10.4314 12.9016C10.4314 12.9706 10.4874 13.0266 10.5564 13.0266H11.3064C11.3754 13.0266 11.4314 12.9706 11.4314 12.9016V9.15155C11.4314 9.08251 11.3754 9.02655 11.3064 9.02655H9.73317C9.62181 9.02655 9.56604 9.16119 9.64478 9.23994L10.2849 9.8801C10.3787 9.97387 10.4314 10.101 10.4314 10.2337V12.9016Z"
fill="#FCF2FF"
/>
<path
d="M24.1797 15.0266C24.6333 15.0266 24.8525 15.5821 24.5211 15.8919L16.9452 22.9717C16.8886 23.0245 16.8141 23.0539 16.7367 23.0539C16.5681 23.0539 16.4314 22.9172 16.4314 22.7486V19.3618C16.4314 19.2729 16.3239 19.2282 16.2609 19.2909L13.9422 21.5973C13.6611 21.8769 13.2808 22.0338 12.8843 22.0338H8.90967C8.08124 22.0338 7.40967 21.3622 7.40967 20.5338C7.40967 19.7054 8.08124 19.0338 8.90967 19.0338H12.2241C12.2505 19.0338 12.2759 19.0233 12.2946 19.0047L15.8547 15.4636C16.1464 15.1734 16.5276 15.028 16.909 15.0271C16.9164 15.0267 16.9239 15.0266 16.9314 15.0266L24.1797 15.0266Z"
fill="#FCF2FF"
/>
<path
d="M16.4314 25.3433C16.4314 25.2068 16.4872 25.0763 16.5858 24.982L24.5858 17.3298C24.9038 17.0256 25.4314 17.251 25.4314 17.6911V25.5266C25.4314 25.8027 25.2075 26.0266 24.9314 26.0266H16.9314C16.6553 26.0266 16.4314 25.8027 16.4314 25.5266V25.3433Z"
fill="#FCF2FF"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_476"
x={2.48657}
y={1.0625}
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_476"
/>
<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_476"
result="effect2_innerShadow_18590_476"
/>
</filter>
<filter
id="filter1_f_18590_476"
x={25.9241}
y={1.8125}
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_476"
/>
</filter>
<filter
id="filter2_f_18590_476"
x={3.20044}
y={1.125}
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_476"
/>
</filter>
<filter
id="filter3_f_18590_476"
x={6.40967}
y={4.97345}
width={20.0217}
height={22.0532}
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_476"
/>
</filter>
<filter
id="filter4_ii_18590_476"
x={7.00967}
y={5.57345}
width={18.8217}
height={20.8532}
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_476"
/>
<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_476"
result="effect2_innerShadow_18590_476"
/>
</filter>
<linearGradient
id="paint0_linear_18590_476"
x1={16.4241}
y1={5.63701}
x2={16.4241}
y2={38.8897}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_476"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.1428 4.15625) rotate(136.771) scale(2.14444 2.50466)"
>
<stop stopColor="#7BD7FF" />
<stop offset={1} stopColor="#7BD7FF" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_18590_476"
x1={29.1741}
y1={4.5625}
x2={29.1741}
y2={27.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_476"
x1={28.8879}
y1={4.12502}
x2={3.35669}
y2={4.12502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = PassportControlIcon;