@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
403 lines (402 loc) • 14.5 kB
JSX
const React = require("react");
const AtmSignIcon = ({ 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_346)">
<rect
x={2.06604}
y={2.0625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint0_linear_18590_346)"
/>
<rect
x={2.06604}
y={2.0625}
width={27.875}
height={27.875}
rx={3.6}
fill="url(#paint1_radial_18590_346)"
/>
</g>
<g filter="url(#filter1_f_18590_346)">
<path
d="M28.2535 4.5625V27.4375"
stroke="url(#paint2_linear_18590_346)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter2_f_18590_346)">
<path
d="M5.52991 3.875H27.3112"
stroke="url(#paint3_linear_18590_346)"
strokeWidth={1.5}
strokeLinecap="round"
/>
</g>
<g filter="url(#filter3_f_18590_346)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.91542 17.9457C9.95419 17.9457 9.98946 17.9681 10.0059 18.0032L10.358 18.7529C10.5341 19.1278 10.9807 19.2891 11.3557 19.113C11.7306 18.9369 11.8918 18.4903 11.7158 18.1153L9.24427 12.8522C8.86377 12.0419 7.70884 12.0489 7.33812 12.8637L4.94496 18.1235C4.77342 18.5005 4.94 18.9452 5.31702 19.1168C5.69405 19.2883 6.13874 19.1217 6.31029 18.7447L6.64718 18.0043C6.66342 17.9686 6.699 17.9457 6.7382 17.9457H9.91542ZM9.11712 16.4457C9.19039 16.4457 9.23878 16.3695 9.20764 16.3032L8.39224 14.5668C8.35601 14.4896 8.24601 14.4903 8.21071 14.5679L7.42066 16.3043C7.39053 16.3705 7.43894 16.4457 7.51168 16.4457H9.11712Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter4_f_18590_346)">
<path
d="M12.1757 12.2485C11.7614 12.2485 11.4257 12.5843 11.4257 12.9985C11.4257 13.4127 11.7614 13.7485 12.1757 13.7485L14.0659 13.7485C14.1211 13.7485 14.1659 13.7933 14.1659 13.8485V18.4505C14.1659 18.8647 14.5017 19.2005 14.9159 19.2005C15.3301 19.2005 15.6659 18.8647 15.6659 18.4505V13.8485C15.6659 13.7933 15.7106 13.7485 15.7659 13.7485L17.6561 13.7485C18.0703 13.7485 18.4061 13.4127 18.4061 12.9985C18.4061 12.5843 18.0703 12.2485 17.6561 12.2485H12.1757Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter5_f_18590_346)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M20.1939 12.2993C20.4825 12.1874 20.8102 12.2642 21.0189 12.4928L23.2888 14.9784C23.3278 15.0212 23.3948 15.022 23.4348 14.9802L25.8311 12.4796C26.043 12.2585 26.368 12.1885 26.6522 12.3026C26.9364 12.4168 27.1226 12.6923 27.1226 12.9986V18.4528C27.1226 18.867 26.7868 19.2028 26.3726 19.2028C25.9583 19.2028 25.6226 18.867 25.6226 18.4528V15.1141C25.6226 15.024 25.5127 14.9798 25.4504 15.0449L23.8892 16.6741C23.7455 16.8239 23.5462 16.9076 23.3386 16.9051C23.1311 16.9026 22.9338 16.8142 22.7938 16.6609L21.3889 15.1224C21.3274 15.055 21.2151 15.0986 21.2151 15.1899L21.2151 18.4528C21.2151 18.867 20.8793 19.2028 20.4651 19.2028C20.0509 19.2028 19.7151 18.867 19.7151 18.4528L19.7151 12.9986C19.7151 12.689 19.9053 12.4113 20.1939 12.2993Z"
fill="#579FFF"
/>
</g>
<g filter="url(#filter6_i_18590_346)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M9.91542 17.9457C9.95419 17.9457 9.98946 17.9681 10.0059 18.0032L10.358 18.7529C10.5341 19.1278 10.9807 19.2891 11.3557 19.113C11.7306 18.9369 11.8918 18.4903 11.7158 18.1153L9.24427 12.8522C8.86377 12.0419 7.70884 12.0489 7.33812 12.8637L4.94496 18.1235C4.77342 18.5005 4.94 18.9452 5.31702 19.1168C5.69405 19.2883 6.13874 19.1217 6.31029 18.7447L6.64718 18.0043C6.66342 17.9686 6.699 17.9457 6.7382 17.9457H9.91542ZM9.11712 16.4457C9.19039 16.4457 9.23878 16.3695 9.20764 16.3032L8.39224 14.5668C8.35601 14.4896 8.24601 14.4903 8.21071 14.5679L7.42066 16.3043C7.39053 16.3705 7.43894 16.4457 7.51168 16.4457H9.11712Z"
fill="#E3DFEB"
/>
</g>
<g filter="url(#filter7_i_18590_346)">
<path
d="M12.1757 12.2485C11.7614 12.2485 11.4257 12.5843 11.4257 12.9985C11.4257 13.4127 11.7614 13.7485 12.1757 13.7485L14.0659 13.7485C14.1211 13.7485 14.1659 13.7933 14.1659 13.8485V18.4505C14.1659 18.8647 14.5017 19.2005 14.9159 19.2005C15.3301 19.2005 15.6659 18.8647 15.6659 18.4505V13.8485C15.6659 13.7933 15.7106 13.7485 15.7659 13.7485L17.6561 13.7485C18.0703 13.7485 18.4061 13.4127 18.4061 12.9985C18.4061 12.5843 18.0703 12.2485 17.6561 12.2485H12.1757Z"
fill="#E3DFEB"
/>
</g>
<g filter="url(#filter8_i_18590_346)">
<path
fillRule="evenodd"
clipRule="evenodd"
d="M20.1939 12.2993C20.4825 12.1874 20.8102 12.2642 21.0189 12.4928L23.2888 14.9784C23.3278 15.0212 23.3948 15.022 23.4348 14.9802L25.8311 12.4796C26.043 12.2585 26.368 12.1885 26.6522 12.3026C26.9364 12.4168 27.1226 12.6923 27.1226 12.9986V18.4528C27.1226 18.867 26.7868 19.2028 26.3726 19.2028C25.9583 19.2028 25.6226 18.867 25.6226 18.4528V15.1141C25.6226 15.024 25.5127 14.9798 25.4504 15.0449L23.8892 16.6741C23.7455 16.8239 23.5462 16.9076 23.3386 16.9051C23.1311 16.9026 22.9338 16.8142 22.7938 16.6609L21.3889 15.1224C21.3274 15.055 21.2151 15.0986 21.2151 15.1899L21.2151 18.4528C21.2151 18.867 20.8793 19.2028 20.4651 19.2028C20.0509 19.2028 19.7151 18.867 19.7151 18.4528L19.7151 12.9986C19.7151 12.689 19.9053 12.4113 20.1939 12.2993Z"
fill="#E3DFEB"
/>
</g>
<defs>
<filter
id="filter0_ii_18590_346"
x={2.06604}
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_346"
/>
<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_346"
result="effect2_innerShadow_18590_346"
/>
</filter>
<filter
id="filter1_f_18590_346"
x={25.5035}
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_346"
/>
</filter>
<filter
id="filter2_f_18590_346"
x={2.77991}
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_346"
/>
</filter>
<filter
id="filter3_f_18590_346"
x={3.87744}
y={11.2485}
width={8.90967}
height={8.93579}
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_346"
/>
</filter>
<filter
id="filter4_f_18590_346"
x={10.4257}
y={11.2485}
width={8.98047}
height={8.9519}
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_346"
/>
</filter>
<filter
id="filter5_f_18590_346"
x={18.7151}
y={11.2485}
width={9.40747}
height={8.95422}
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_346"
/>
</filter>
<filter
id="filter6_i_18590_346"
x={4.47744}
y={12.2485}
width={7.30967}
height={7.33579}
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.764706 0 0 0 0 0.741176 0 0 0 0 0.811765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_346"
/>
</filter>
<filter
id="filter7_i_18590_346"
x={11.0257}
y={12.2485}
width={7.38047}
height={7.3519}
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.764706 0 0 0 0 0.741176 0 0 0 0 0.811765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_346"
/>
</filter>
<filter
id="filter8_i_18590_346"
x={19.3151}
y={12.2485}
width={7.80747}
height={7.35422}
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.764706 0 0 0 0 0.741176 0 0 0 0 0.811765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18590_346"
/>
</filter>
<linearGradient
id="paint0_linear_18590_346"
x1={16.0035}
y1={5.63701}
x2={16.0035}
y2={38.8897}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CB7FF" />
<stop offset={1} stopColor="#4878DD" />
</linearGradient>
<radialGradient
id="paint1_radial_18590_346"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(27.7223 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_346"
x1={28.7535}
y1={4.5625}
x2={28.7535}
y2={27.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7FD9FF" />
<stop offset={1} stopColor="#639DF4" />
</linearGradient>
<linearGradient
id="paint3_linear_18590_346"
x1={28.4674}
y1={4.12502}
x2={2.93616}
y2={4.12502}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#7DD8FF" />
<stop offset={1} stopColor="#5DB6FF" />
</linearGradient>
</defs>
</svg>
);
module.exports = AtmSignIcon;