@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
542 lines (541 loc) • 19.6 kB
JSX
const React = require("react");
const FishIcon = ({ 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}
<circle
cx={3.05469}
cy={19.9453}
r={1.05469}
fill="url(#paint0_radial_28327_5956)"
/>
<circle
cx={3.05469}
cy={17.9453}
r={1.05469}
fill="url(#paint1_radial_28327_5956)"
/>
<g filter="url(#filter0_ii_28327_5956)">
<rect
x={3}
y={10.6875}
width={22}
height={17.3125}
rx={8.65625}
fill="url(#paint2_radial_28327_5956)"
/>
<rect
x={3}
y={10.6875}
width={22}
height={17.3125}
rx={8.65625}
fill="url(#paint3_linear_28327_5956)"
/>
</g>
<rect
x={3}
y={10.6875}
width={22}
height={17.3125}
rx={8.65625}
fill="url(#paint4_radial_28327_5956)"
/>
<rect
x={3}
y={10.6875}
width={22}
height={17.3125}
rx={8.65625}
fill="url(#paint5_radial_28327_5956)"
/>
<g filter="url(#filter1_f_28327_5956)">
<path
d="M12.4303 14.1246C12.2187 13.9472 11.9033 13.975 11.726 14.1867C11.5486 14.3983 11.5764 14.7137 11.788 14.891L12.4303 14.1246ZM11.7459 23.8361C11.5562 24.0367 11.565 24.3532 11.7656 24.5429C11.9662 24.7327 12.2827 24.7239 12.4725 24.5233L11.7459 23.8361ZM11.788 14.891C14.3327 17.0234 14.5775 20.8423 11.7459 23.8361L12.4725 24.5233C15.6409 21.1733 15.4794 16.6797 12.4303 14.1246L11.788 14.891Z"
fill="#3A94E7"
/>
</g>
<g filter="url(#filter2_i_28327_5956)">
<path
d="M12.4303 14.1246C12.2187 13.9472 11.9033 13.975 11.726 14.1867C11.5486 14.3983 11.5764 14.7137 11.788 14.891L12.4303 14.1246ZM11.7459 23.8361C11.5562 24.0367 11.565 24.3532 11.7656 24.5429C11.9662 24.7327 12.2827 24.7239 12.4725 24.5233L11.7459 23.8361ZM11.788 14.891C14.3327 17.0234 14.5775 20.8423 11.7459 23.8361L12.4725 24.5233C15.6409 21.1733 15.4794 16.6797 12.4303 14.1246L11.788 14.891Z"
fill="#3F61E7"
/>
<path
d="M12.4303 14.1246C12.2187 13.9472 11.9033 13.975 11.726 14.1867C11.5486 14.3983 11.5764 14.7137 11.788 14.891L12.4303 14.1246ZM11.7459 23.8361C11.5562 24.0367 11.565 24.3532 11.7656 24.5429C11.9662 24.7327 12.2827 24.7239 12.4725 24.5233L11.7459 23.8361ZM11.788 14.891C14.3327 17.0234 14.5775 20.8423 11.7459 23.8361L12.4725 24.5233C15.6409 21.1733 15.4794 16.6797 12.4303 14.1246L11.788 14.891Z"
fill="url(#paint6_radial_28327_5956)"
/>
<path
d="M12.4303 14.1246C12.2187 13.9472 11.9033 13.975 11.726 14.1867C11.5486 14.3983 11.5764 14.7137 11.788 14.891L12.4303 14.1246ZM11.7459 23.8361C11.5562 24.0367 11.565 24.3532 11.7656 24.5429C11.9662 24.7327 12.2827 24.7239 12.4725 24.5233L11.7459 23.8361ZM11.788 14.891C14.3327 17.0234 14.5775 20.8423 11.7459 23.8361L12.4725 24.5233C15.6409 21.1733 15.4794 16.6797 12.4303 14.1246L11.788 14.891Z"
fill="url(#paint7_radial_28327_5956)"
/>
<path
d="M12.4303 14.1246C12.2187 13.9472 11.9033 13.975 11.726 14.1867C11.5486 14.3983 11.5764 14.7137 11.788 14.891L12.4303 14.1246ZM11.7459 23.8361C11.5562 24.0367 11.565 24.3532 11.7656 24.5429C11.9662 24.7327 12.2827 24.7239 12.4725 24.5233L11.7459 23.8361ZM11.788 14.891C14.3327 17.0234 14.5775 20.8423 11.7459 23.8361L12.4725 24.5233C15.6409 21.1733 15.4794 16.6797 12.4303 14.1246L11.788 14.891Z"
fill="url(#paint8_radial_28327_5956)"
/>
</g>
<circle
cx={8.67969}
cy={17.4805}
r={0.5}
fill="url(#paint9_radial_28327_5956)"
/>
<circle
cx={8.67969}
cy={17.4805}
r={0.5}
fill="url(#paint10_radial_28327_5956)"
/>
<circle
cx={8.67969}
cy={17.4805}
r={0.5}
fill="url(#paint11_linear_28327_5956)"
/>
<path
d="M25 24.125C25 26.3341 26.7909 28.125 29 28.125H29.2188C29.4949 28.125 29.7188 27.9011 29.7188 27.625V23.375C29.7188 21.1659 27.9279 19.375 25.7188 19.375H25V24.125Z"
fill="url(#paint12_radial_28327_5956)"
/>
<path
d="M25 24.125C25 26.3341 26.7909 28.125 29 28.125H29.2188C29.4949 28.125 29.7188 27.9011 29.7188 27.625V23.375C29.7188 21.1659 27.9279 19.375 25.7188 19.375H25V24.125Z"
fill="url(#paint13_radial_28327_5956)"
/>
<path
d="M25 24.125C25 26.3341 26.7909 28.125 29 28.125H29.2188C29.4949 28.125 29.7188 27.9011 29.7188 27.625V23.375C29.7188 21.1659 27.9279 19.375 25.7188 19.375H25V24.125Z"
fill="url(#paint14_linear_28327_5956)"
/>
<path
d="M25 24.125C25 26.3341 26.7909 28.125 29 28.125H29.2188C29.4949 28.125 29.7188 27.9011 29.7188 27.625V23.375C29.7188 21.1659 27.9279 19.375 25.7188 19.375H25V24.125Z"
fill="url(#paint15_radial_28327_5956)"
/>
<path
d="M25 14.625C25 12.4159 26.7909 10.625 29 10.625H29.2188C29.4949 10.625 29.7188 10.8489 29.7188 11.125V15.375C29.7188 17.5841 27.9279 19.375 25.7188 19.375H25V14.625Z"
fill="url(#paint16_radial_28327_5956)"
/>
<path
d="M25 14.625C25 12.4159 26.7909 10.625 29 10.625H29.2188C29.4949 10.625 29.7188 10.8489 29.7188 11.125V15.375C29.7188 17.5841 27.9279 19.375 25.7188 19.375H25V14.625Z"
fill="url(#paint17_radial_28327_5956)"
/>
<path
d="M25 14.625C25 12.4159 26.7909 10.625 29 10.625H29.2188C29.4949 10.625 29.7188 10.8489 29.7188 11.125V15.375C29.7188 17.5841 27.9279 19.375 25.7188 19.375H25V14.625Z"
fill="url(#paint18_radial_28327_5956)"
/>
<path
d="M15.1708 28C16.1466 28 16.9377 28.791 16.9377 29.7668V29.7668C16.9377 29.8888 16.8388 29.9877 16.7168 29.9877L14.9563 29.9877C13.8585 29.9877 12.9686 29.0978 12.9686 28V28L15.1708 28Z"
fill="url(#paint19_radial_28327_5956)"
/>
<path
d="M15.1708 28C16.1466 28 16.9377 28.791 16.9377 29.7668V29.7668C16.9377 29.8888 16.8388 29.9877 16.7168 29.9877L14.9563 29.9877C13.8585 29.9877 12.9686 29.0978 12.9686 28V28L15.1708 28Z"
fill="url(#paint20_linear_28327_5956)"
/>
<path
d="M15.1708 28C16.1466 28 16.9377 28.791 16.9377 29.7668V29.7668C16.9377 29.8888 16.8388 29.9877 16.7168 29.9877L14.9563 29.9877C13.8585 29.9877 12.9686 29.0978 12.9686 28V28L15.1708 28Z"
fill="url(#paint21_radial_28327_5956)"
/>
<path
d="M17.7502 10.6875C19.9593 10.6875 21.7502 8.89664 21.7502 6.6875L21.7502 6.35937C21.7502 6.08323 21.5263 5.85937 21.2502 5.85937L16.1092 5.85937C13.9001 5.85937 12.1092 7.65024 12.1092 9.85937L12.1092 10.6875L17.7502 10.6875Z"
fill="url(#paint22_radial_28327_5956)"
/>
<path
d="M17.7502 10.6875C19.9593 10.6875 21.7502 8.89664 21.7502 6.6875L21.7502 6.35937C21.7502 6.08323 21.5263 5.85937 21.2502 5.85937L16.1092 5.85937C13.9001 5.85937 12.1092 7.65024 12.1092 9.85937L12.1092 10.6875L17.7502 10.6875Z"
fill="url(#paint23_linear_28327_5956)"
/>
<path
d="M17.7502 10.6875C19.9593 10.6875 21.7502 8.89664 21.7502 6.6875L21.7502 6.35937C21.7502 6.08323 21.5263 5.85937 21.2502 5.85937L16.1092 5.85937C13.9001 5.85937 12.1092 7.65024 12.1092 9.85937L12.1092 10.6875L17.7502 10.6875Z"
fill="url(#paint24_radial_28327_5956)"
/>
<defs>
<filter
id="filter0_ii_28327_5956"
x={2.5}
y={10.1875}
width={22.5}
height={17.8125}
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.5} dy={-0.5} />
<feGaussianBlur stdDeviation={1} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.364706 0 0 0 0 0.407843 0 0 0 0 1 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_28327_5956"
/>
<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} />
<feGaussianBlur stdDeviation={0.25} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.164706 0 0 0 0 0.411765 0 0 0 0 0.823529 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="effect1_innerShadow_28327_5956"
result="effect2_innerShadow_28327_5956"
/>
</filter>
<filter
id="filter1_f_28327_5956"
x={9.60918}
y={12.0078}
width={7.17442}
height={14.6719}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={1}
result="effect1_foregroundBlur_28327_5956"
/>
</filter>
<filter
id="filter2_i_28327_5956"
x={11.6092}
y={14.0078}
width={3.17442}
height={10.6719}
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 />
<feGaussianBlur stdDeviation={0.3} />
<feComposite in2="hardAlpha" operator="arithmetic" k2={-1} k3={1} />
<feColorMatrix
type="matrix"
values="0 0 0 0 0.133333 0 0 0 0 0.439216 0 0 0 0 0.941176 0 0 0 1 0"
/>
<feBlend
mode="normal"
in2="shape"
result="effect1_innerShadow_28327_5956"
/>
</filter>
<radialGradient
id="paint0_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.21875 19.6016) rotate(150.684) scale(1.1648 1.5939)"
>
<stop stopColor="#3AAEE7" />
<stop offset={1} stopColor="#45A5E8" />
</radialGradient>
<radialGradient
id="paint1_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.21875 17.6016) rotate(150.684) scale(1.1648 1.5939)"
>
<stop stopColor="#3AAEE7" />
<stop offset={1} stopColor="#45A5E8" />
</radialGradient>
<radialGradient
id="paint2_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11 16) rotate(52.125) scale(18.5279 24.3438)"
>
<stop stopColor="#50CAFF" />
<stop offset={1} stopColor="#4D7FFF" />
</radialGradient>
<linearGradient
id="paint3_linear_28327_5956"
x1={14}
y1={29.375}
x2={14}
y2={24.4375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#508BFF" />
<stop offset={1} stopColor="#508BFF" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(5.75 11.5) rotate(54.3004) scale(12.8527 14.7095)"
>
<stop stopColor="#50CAFF" />
<stop offset={1} stopColor="#50CAFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint5_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(26 29.1875) rotate(-144.29) scale(26.5554 22.4157)"
>
<stop offset={0.935277} stopColor="#59C0E7" stopOpacity={0} />
<stop offset={1} stopColor="#59C0E7" />
</radialGradient>
<radialGradient
id="paint6_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(11.9062 24.5078) rotate(-51.9939) scale(1.49717 0.843924)"
>
<stop stopColor="#4A8CFF" />
<stop offset={0.609165} stopColor="#4A8CFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint7_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.0469 14.4297) rotate(46.7357) scale(1.27669 0.760996)"
>
<stop stopColor="#4A8CFF" />
<stop offset={0.609165} stopColor="#4A8CFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint8_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(13.1964 19.3437) scale(1.64731 3.34375)"
>
<stop offset={0.203247} stopColor="#4F7FE6" />
<stop offset={1} stopColor="#4F7FE6" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint9_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.82813 17.3196) rotate(125.838) scale(0.693863 0.618606)"
>
<stop offset={0.00558659} stopColor="#433437" />
<stop offset={1} stopColor="#3B2838" />
</radialGradient>
<radialGradient
id="paint10_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(8.86655 17.3555) rotate(137.643) scale(0.35946 0.316238)"
>
<stop stopColor="#5C5051" />
<stop offset={1} stopColor="#5C5051" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint11_linear_28327_5956"
x1={8.58139}
y1={17.0877}
x2={8.23764}
y2={16.869}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5C5051" stopOpacity={0} />
<stop offset={1} stopColor="#5C5051" />
</linearGradient>
<radialGradient
id="paint12_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.375 20.75) rotate(89.029) scale(7.37606 7.47018)"
>
<stop stopColor="#46AAFF" />
<stop offset={1} stopColor="#368AFF" />
</radialGradient>
<radialGradient
id="paint13_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(32.8125 20.6875) rotate(135.266) scale(9.50185 15.6131)"
>
<stop offset={0.800545} stopColor="#3184E6" stopOpacity={0} />
<stop offset={1} stopColor="#3184E6" />
</radialGradient>
<linearGradient
id="paint14_linear_28327_5956"
x1={38.4375}
y1={25.5625}
x2={25}
y2={25.5625}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.848889} stopColor="#3184E6" stopOpacity={0} />
<stop offset={1} stopColor="#3184E6" />
</linearGradient>
<radialGradient
id="paint15_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.7187 21.125) rotate(90) scale(7 2.96293)"
>
<stop stopColor="#54BDFF" />
<stop offset={0.92268} stopColor="#54BDFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint16_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(28.7261 11.5895) rotate(109.396) scale(8.58528 6.27348)"
>
<stop stopColor="#46AAFF" />
<stop offset={1} stopColor="#368AFF" />
</radialGradient>
<radialGradient
id="paint17_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(33.1875 16) rotate(-165.196) scale(9.05042 14.8713)"
>
<stop offset={0.725568} stopColor="#3184E6" stopOpacity={0} />
<stop offset={1} stopColor="#3184E6" />
</radialGradient>
<radialGradient
id="paint18_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(29.7188 11.0937) rotate(90) scale(6.3125 1.16539)"
>
<stop stopColor="#54BDFF" />
<stop offset={0.92268} stopColor="#54BDFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint19_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(15.6875 29.5) rotate(-156.615) scale(2.51946 1.78774)"
>
<stop stopColor="#4286FF" />
<stop offset={1} stopColor="#3170FF" />
</radialGradient>
<linearGradient
id="paint20_linear_28327_5956"
x1={15.1875}
y1={27.5312}
x2={15.2188}
y2={28.5156}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#0E66FD" />
<stop offset={1} stopColor="#0E66FD" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint21_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.2344 29.8125) rotate(-153.997) scale(2.85112 1.12711)"
>
<stop stopColor="#519DFF" />
<stop offset={0.969412} stopColor="#519DFF" stopOpacity={0} />
</radialGradient>
<radialGradient
id="paint22_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.6875 6.875) rotate(156.038) scale(9.38736 4.65552)"
>
<stop stopColor="#46AAFF" />
<stop offset={1} stopColor="#2B86D9" />
</radialGradient>
<linearGradient
id="paint23_linear_28327_5956"
x1={12.1092}
y1={11.4687}
x2={12.1092}
y2={9.46875}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.109375} stopColor="#0A75CC" />
<stop offset={1} stopColor="#0A75CC" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint24_radial_28327_5956"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(22.25 5.5) rotate(143.267) scale(5.22502 1.64552)"
>
<stop stopColor="#54BDFF" />
<stop offset={0.644093} stopColor="#54BDFF" stopOpacity={0} />
</radialGradient>
</defs>
</svg>
);
module.exports = FishIcon;