@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
375 lines (374 loc) • 13.7 kB
JSX
const React = require("react");
const MapOfJapanIcon = ({ 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_18_4874)">
<path
d="M3 27.51V29.51C3 29.79 3.22 30.01 3.5 30.01H3.93001C5.15001 30.01 6.21 29.18 6.5 28L6.93001 26.28C6.97001 26.11 6.92 25.93 6.8 25.81L5.15001 24.16C5.06001 24.07 4.93 24.01 4.8 24.01H3.32001C3.13001 24.01 2.96001 24.12 2.87001 24.29L2.06 25.91C2.03 25.98 2.01001 26.06 2.01001 26.13V26.51C2.01001 26.79 2.23001 27.01 2.51001 27.01C2.78001 27.01 3 27.23 3 27.51Z"
fill="url(#paint0_linear_18_4874)"
/>
</g>
<g filter="url(#filter1_iii_18_4874)">
<path
d="M13.01 25.59C13.01 25.27 12.75 25.01 12.43 25.01H10.15C10.06 25.01 9.97 25.03 9.89 25.07L8.8 25.62C8.32 25.86 8.01001 26.35 8.01001 26.89V27.43C8.01001 27.75 8.27 28.01 8.59 28.01H9.43001C9.75001 28.01 10.01 27.75 10.01 27.43C10.01 27.18 10.17 26.96 10.41 26.88L12.62 26.14C12.85 26.06 13.01 25.84 13.01 25.59Z"
fill="url(#paint1_linear_18_4874)"
/>
</g>
<g filter="url(#filter2_ii_18_4874)">
<path
d="M7.13 22.31L6.55999 23.16C6.31999 23.52 6.58 24.01 7.01 24.01H13.38C13.72 24.01 13.99 24.28 13.99 24.62V24.64C13.99 25.4 14.6 26.01 15.36 26.01H15.49C16.32 26.01 16.99 25.34 16.99 24.51C16.99 24.22 17.2 23.97 17.48 23.91L21.04 23.2C21.66 23.08 22.23 22.77 22.67 22.32L22.81 22.18C22.93 22.06 23.08 22 23.25 22H23.27C23.73 22 24.18 21.82 24.51 21.49C24.82 21.18 25 20.76 25 20.32V16.11C25 16.04 25.01 15.98 25.03 15.92L25.9 13.3C25.96 13.12 25.93 12.92 25.83 12.77L24.36 10.57C24.15 10.26 23.74 10.17 23.43 10.36L22.47 10.95C22.18 11.13 22 11.45 22 11.79V15.28C22 15.62 21.73 15.89 21.39 15.89C21.15 15.89 20.94 16.03 20.84 16.24L20.17 17.66C20.07 17.87 19.85 18.01 19.62 18.01C19.28 18.01 19.01 17.74 19.01 17.4V17.33C19.01 16.99 18.74 16.72 18.4 16.72H17.62C17.28 16.72 17.01 16.99 17.01 17.33V17.91C17.01 18.04 16.97 18.16 16.9 18.26L16.48 18.85C15.52 20.2 13.97 21 12.32 21H9.58C8.59 21.01 7.68 21.5 7.13 22.31Z"
fill="url(#paint2_radial_18_4874)"
/>
</g>
<g filter="url(#filter3_ii_18_4874)">
<path
d="M22.01 9H22.54C22.82 9 23.04 8.78 23.04 8.5C23.04 8.22 23.26 8 23.54 8H24.8C24.93 8 25.06 8.04999 25.15 8.14999L25.83 8.82999C25.94 8.93999 26.09 8.98999 26.24 8.96999L26.71 8.92C26.87 8.9 27.01 8.80999 27.09 8.65999L27.86 7.25999C27.95 7.09999 28.12 7 28.3 7H29.5C29.78 7 30 6.78 30 6.5V5.20999C30 5.07999 29.95 4.95 29.85 4.86L29.14 4.14999C29.05 4.05999 28.92 4 28.79 4H28H27.16C26.42 4 25.71 3.70999 25.18 3.17999L24.14 2.14C24.05 2.05 23.92 1.98999 23.79 1.98999H22.43C22.15 1.98999 21.93 2.20999 21.93 2.48999V3.48999C21.93 3.76999 22.15 3.98999 22.43 3.98999H22.5C22.78 3.98999 23 4.20999 23 4.48999V5.48999C23 5.76999 22.78 5.98999 22.5 5.98999H22.4C21.62 5.98999 21 6.62 21 7.39V7.98C21.01 8.55 21.46 9 22.01 9Z"
fill="url(#paint3_linear_18_4874)"
/>
</g>
<g filter="url(#filter4_ii_18_4874)">
<path
d="M19.01 15.3C19.01 15.69 19.33 16.01 19.72 16.01C19.91 16.01 20.09 15.94 20.22 15.8L20.81 15.21C20.94 15.08 21.02 14.9 21.02 14.71C21.02 14.32 20.7 14 20.31 14C20.12 14 19.94 14.07 19.81 14.21L19.22 14.8C19.08 14.93 19.01 15.11 19.01 15.3Z"
fill="#53AE90"
/>
</g>
<defs>
<filter
id="filter0_ii_18_4874"
x={1.76001}
y={23.81}
width={5.48359}
height={6.45}
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.3} dy={-0.2} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.231373 0 0 0 0 0.470588 0 0 0 0 0.403922 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4874"
/>
<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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.361875 0 0 0 0 0.804167 0 0 0 0 0.607593 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_4874"
result="effect2_innerShadow_18_4874"
/>
</filter>
<filter
id="filter1_iii_18_4874"
x={7.81001}
y={24.81}
width={5.4}
height={3.3}
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.25} dy={-0.25} />
<feGaussianBlur stdDeviation={0.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.192157 0 0 0 0 0.458824 0 0 0 0 0.356863 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4874"
/>
<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.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.156863 0 0 0 0 0.537255 0 0 0 0 0.380392 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_4874"
result="effect2_innerShadow_18_4874"
/>
<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.2} />
<feGaussianBlur stdDeviation={0.1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.376471 0 0 0 0 0.764706 0 0 0 0 0.623529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect2_innerShadow_18_4874"
result="effect3_innerShadow_18_4874"
/>
</filter>
<filter
id="filter2_ii_18_4874"
x={6.21838}
y={10.0109}
width={19.9624}
height={16.2491}
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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.470588 0 0 0 0 1 0 0 0 0 0.721569 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4874"
/>
<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.25} dy={-0.25} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.207843 0 0 0 0 0.454902 0 0 0 0 0.411765 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_4874"
result="effect2_innerShadow_18_4874"
/>
</filter>
<filter
id="filter3_ii_18_4874"
x={20.75}
y={1.73999}
width={9.5}
height={7.51001}
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.25} dy={-0.25} />
<feGaussianBlur stdDeviation={0.15} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.239216 0 0 0 0 0.541176 0 0 0 0 0.435294 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4874"
/>
<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.25} dy={0.25} />
<feGaussianBlur stdDeviation={0.125} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.396078 0 0 0 0 1 0 0 0 0 0.654902 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_4874"
result="effect2_innerShadow_18_4874"
/>
</filter>
<filter
id="filter4_ii_18_4874"
x={18.91}
y={13.9}
width={2.21001}
height={2.21001}
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.1} dy={-0.1} />
<feGaussianBlur stdDeviation={0.2} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.180191 0 0 0 0 0.445833 0 0 0 0 0.389712 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_18_4874"
/>
<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.1} dy={0.1} />
<feGaussianBlur stdDeviation={0.075} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.380392 0 0 0 0 0.811765 0 0 0 0 0.619608 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_18_4874"
result="effect2_innerShadow_18_4874"
/>
</filter>
<linearGradient
id="paint0_linear_18_4874"
x1={2.63501}
y1={27.5625}
x2={7.38501}
y2={27.5625}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#53B491" />
<stop offset={1} stopColor="#56B895" />
</linearGradient>
<linearGradient
id="paint1_linear_18_4874"
x1={8.01001}
y1={27.6969}
x2={13.01}
y2={25.01}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#55B593" />
<stop offset={1} stopColor="#53B18F" />
</linearGradient>
<radialGradient
id="paint2_radial_18_4874"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(24.1975 11.625) rotate(129.46) scale(13.2761 10.6611)"
>
<stop offset={0.311895} stopColor="#5BD49A" />
<stop offset={1} stopColor="#57BF96" />
</radialGradient>
<linearGradient
id="paint3_linear_18_4874"
x1={21.635}
y1={9}
x2={27.635}
y2={2.43749}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5CDC9C" />
<stop offset={1} stopColor="#5FE49F" />
</linearGradient>
</defs>
</svg>
);
module.exports = MapOfJapanIcon;