@jstnmthw/react-fluentui-emoji
Version:
Fluent Emoji SVG icons for UI react development.
562 lines (561 loc) • 20.1 kB
JSX
const React = require("react");
const BirdIcon = ({ 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}
<path
d="M6.42434 7.21997L3.35434 8.82997C2.99434 9.01997 2.92434 9.50997 3.22434 9.79997L5.83434 12.27L6.42434 7.21997Z"
fill="url(#paint0_radial_28327_4842)"
/>
<path
d="M6.42434 7.21997L3.35434 8.82997C2.99434 9.01997 2.92434 9.50997 3.22434 9.79997L5.83434 12.27L6.42434 7.21997Z"
fill="url(#paint1_radial_28327_4842)"
/>
<path
d="M13.5343 28.5H11.8143L13.0143 22.5H11.5143L10.3143 28.5H8.51431C7.78431 28.5 7.18431 29.02 7.04431 29.71C7.00431 29.86 7.13431 30 7.28431 30H10.0043H11.5043H14.7543C14.9143 30 15.0343 29.86 15.0043 29.71C14.8643 29.02 14.2643 28.5 13.5343 28.5Z"
fill="url(#paint2_linear_28327_4842)"
/>
<path
d="M13.5343 28.5H11.8143L13.0143 22.5H11.5143L10.3143 28.5H8.51431C7.78431 28.5 7.18431 29.02 7.04431 29.71C7.00431 29.86 7.13431 30 7.28431 30H10.0043H11.5043H14.7543C14.9143 30 15.0343 29.86 15.0043 29.71C14.8643 29.02 14.2643 28.5 13.5343 28.5Z"
fill="url(#paint3_linear_28327_4842)"
/>
<path
d="M13.5343 28.5H11.8143L13.0143 22.5H11.5143L10.3143 28.5H8.51431C7.78431 28.5 7.18431 29.02 7.04431 29.71C7.00431 29.86 7.13431 30 7.28431 30H10.0043H11.5043H14.7543C14.9143 30 15.0343 29.86 15.0043 29.71C14.8643 29.02 14.2643 28.5 13.5343 28.5Z"
fill="url(#paint4_radial_28327_4842)"
/>
<path
d="M13.5343 28.5H11.8143L13.0143 22.5H11.5143L10.3143 28.5H8.51431C7.78431 28.5 7.18431 29.02 7.04431 29.71C7.00431 29.86 7.13431 30 7.28431 30H10.0043H11.5043H14.7543C14.9143 30 15.0343 29.86 15.0043 29.71C14.8643 29.02 14.2643 28.5 13.5343 28.5Z"
fill="url(#paint5_linear_28327_4842)"
/>
<g filter="url(#filter0_f_28327_4842)">
<path
d="M7.86432 29.5781H12.5362"
stroke="url(#paint6_linear_28327_4842)"
strokeOpacity={0.75}
strokeWidth={0.25}
/>
</g>
<path
d="M18.5943 28.5H16.8143L18.0143 22.5H16.5143L15.3143 28.5H13.5143C12.7843 28.5 12.1843 29.02 12.0443 29.71C12.0043 29.86 12.1343 30 12.2843 30H15.0043H16.5043H19.8143C19.9743 30 20.0943 29.86 20.0643 29.71C19.9243 29.02 19.3143 28.5 18.5943 28.5Z"
fill="url(#paint7_linear_28327_4842)"
/>
<path
d="M18.5943 28.5H16.8143L18.0143 22.5H16.5143L15.3143 28.5H13.5143C12.7843 28.5 12.1843 29.02 12.0443 29.71C12.0043 29.86 12.1343 30 12.2843 30H15.0043H16.5043H19.8143C19.9743 30 20.0943 29.86 20.0643 29.71C19.9243 29.02 19.3143 28.5 18.5943 28.5Z"
fill="url(#paint8_linear_28327_4842)"
/>
<path
d="M18.5943 28.5H16.8143L18.0143 22.5H16.5143L15.3143 28.5H13.5143C12.7843 28.5 12.1843 29.02 12.0443 29.71C12.0043 29.86 12.1343 30 12.2843 30H15.0043H16.5043H19.8143C19.9743 30 20.0943 29.86 20.0643 29.71C19.9243 29.02 19.3143 28.5 18.5943 28.5Z"
fill="url(#paint9_linear_28327_4842)"
/>
<path
d="M18.5943 28.5H16.8143L18.0143 22.5H16.5143L15.3143 28.5H13.5143C12.7843 28.5 12.1843 29.02 12.0443 29.71C12.0043 29.86 12.1343 30 12.2843 30H15.0043H16.5043H19.8143C19.9743 30 20.0943 29.86 20.0643 29.71C19.9243 29.02 19.3143 28.5 18.5943 28.5Z"
fill="url(#paint10_radial_28327_4842)"
/>
<g filter="url(#filter1_f_28327_4842)">
<path
d="M12.7081 29.5781H19.5674"
stroke="url(#paint11_linear_28327_4842)"
strokeOpacity={0.75}
strokeWidth={0.25}
/>
</g>
<path
d="M17.3243 25L17.4643 19.77L28.8443 14.47C29.3243 14.25 29.8743 14.6 29.8743 15.12V24.27C29.8743 24.67 29.5543 24.99 29.1543 24.99H17.3243V25Z"
fill="url(#paint12_linear_28327_4842)"
/>
<path
d="M17.3243 25L17.4643 19.77L28.8443 14.47C29.3243 14.25 29.8743 14.6 29.8743 15.12V24.27C29.8743 24.67 29.5543 24.99 29.1543 24.99H17.3243V25Z"
fill="url(#paint13_linear_28327_4842)"
/>
<path
d="M17.3243 25L17.4643 19.77L28.8443 14.47C29.3243 14.25 29.8743 14.6 29.8743 15.12V24.27C29.8743 24.67 29.5543 24.99 29.1543 24.99H17.3243V25Z"
fill="url(#paint14_linear_28327_4842)"
/>
<path
d="M17.6043 6.22C17.4743 5.8 17.3043 5.4 17.0843 5.03H17.7043C18.9943 5.03 20.0343 3.99 20.0343 2.7C20.0343 2.32 19.7143 2 19.3343 2H11.9643C11.9343 2 11.9043 2 11.8743 2C8.69432 2 6.09432 4.48 5.88432 7.61L4.59432 18.79C4.21432 22.1 6.79432 25 10.1243 25H23.8743L17.6043 6.22Z"
fill="url(#paint15_linear_28327_4842)"
/>
<path
d="M17.6043 6.22C17.4743 5.8 17.3043 5.4 17.0843 5.03H17.7043C18.9943 5.03 20.0343 3.99 20.0343 2.7C20.0343 2.32 19.7143 2 19.3343 2H11.9643C11.9343 2 11.9043 2 11.8743 2C8.69432 2 6.09432 4.48 5.88432 7.61L4.59432 18.79C4.21432 22.1 6.79432 25 10.1243 25H23.8743L17.6043 6.22Z"
fill="url(#paint16_linear_28327_4842)"
/>
<path
d="M17.6043 6.22C17.4743 5.8 17.3043 5.4 17.0843 5.03H17.7043C18.9943 5.03 20.0343 3.99 20.0343 2.7C20.0343 2.32 19.7143 2 19.3343 2H11.9643C11.9343 2 11.9043 2 11.8743 2C8.69432 2 6.09432 4.48 5.88432 7.61L4.59432 18.79C4.21432 22.1 6.79432 25 10.1243 25H23.8743L17.6043 6.22Z"
fill="url(#paint17_radial_28327_4842)"
/>
<path
d="M17.6043 6.22C17.4743 5.8 17.3043 5.4 17.0843 5.03H17.7043C18.9943 5.03 20.0343 3.99 20.0343 2.7C20.0343 2.32 19.7143 2 19.3343 2H11.9643C11.9343 2 11.9043 2 11.8743 2C8.69432 2 6.09432 4.48 5.88432 7.61L4.59432 18.79C4.21432 22.1 6.79432 25 10.1243 25H23.8743L17.6043 6.22Z"
fill="url(#paint18_linear_28327_4842)"
/>
<path
d="M17.6043 6.22C17.4743 5.8 17.3043 5.4 17.0843 5.03H17.7043C18.9943 5.03 20.0343 3.99 20.0343 2.7C20.0343 2.32 19.7143 2 19.3343 2H11.9643C11.9343 2 11.9043 2 11.8743 2C8.69432 2 6.09432 4.48 5.88432 7.61L4.59432 18.79C4.21432 22.1 6.79432 25 10.1243 25H23.8743L17.6043 6.22Z"
fill="url(#paint19_radial_28327_4842)"
/>
<path
d="M13.2144 11V17.93C13.2144 21.84 16.3844 25 20.2844 25H23.8744L19.2044 11H13.2144Z"
fill="url(#paint20_linear_28327_4842)"
/>
<path
d="M10.0376 9.02344C10.3137 9.02344 10.5376 8.79958 10.5376 8.52344C10.5376 8.2473 10.3137 8.02344 10.0376 8.02344C9.76146 8.02344 9.5376 8.2473 9.5376 8.52344C9.5376 8.79958 9.76146 9.02344 10.0376 9.02344Z"
fill="url(#paint21_radial_28327_4842)"
/>
<path
d="M10.0376 9.02344C10.3137 9.02344 10.5376 8.79958 10.5376 8.52344C10.5376 8.2473 10.3137 8.02344 10.0376 8.02344C9.76146 8.02344 9.5376 8.2473 9.5376 8.52344C9.5376 8.79958 9.76146 9.02344 10.0376 9.02344Z"
fill="url(#paint22_radial_28327_4842)"
/>
<path
d="M10.0376 9.02344C10.3137 9.02344 10.5376 8.79958 10.5376 8.52344C10.5376 8.2473 10.3137 8.02344 10.0376 8.02344C9.76146 8.02344 9.5376 8.2473 9.5376 8.52344C9.5376 8.79958 9.76146 9.02344 10.0376 9.02344Z"
fill="url(#paint23_linear_28327_4842)"
/>
<g filter="url(#filter2_f_28327_4842)">
<path
d="M14.5987 18.7671L12.9135 6.1875H16.4737L22.4423 22.8399C22.5697 23.1954 22.2722 23.5584 21.8987 23.5033L18.8246 23.0497C16.6186 22.7242 14.8947 20.9773 14.5987 18.7671Z"
fill="url(#paint24_linear_28327_4842)"
/>
</g>
<g filter="url(#filter3_f_28327_4842)">
<path
d="M17.0674 4.48438C17.6383 4.50429 18.997 4.43078 19.4272 3.15625"
stroke="url(#paint25_linear_28327_4842)"
strokeWidth={0.25}
/>
</g>
<path
fillRule="evenodd"
clipRule="evenodd"
d="M17.0844 5.03C17.3044 5.4 17.4744 5.8 17.6044 6.22L18.1396 7.82328L13.8604 5.02734H17.7042L17.7052 5.03C17.7049 5.03 17.7046 5.03 17.7044 5.03H17.0844Z"
fill="url(#paint26_linear_28327_4842)"
/>
<g filter="url(#filter4_f_28327_4842)">
<path
d="M29.3643 15.0625V23.9688"
stroke="url(#paint27_linear_28327_4842)"
strokeWidth={0.4}
strokeLinecap="round"
/>
</g>
<defs>
<filter
id="filter0_f_28327_4842"
x={7.61432}
y={29.2031}
width={5.17188}
height={0.75}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_28327_4842"
/>
</filter>
<filter
id="filter1_f_28327_4842"
x={12.4581}
y={29.2031}
width={7.35938}
height={0.75}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.125}
result="effect1_foregroundBlur_28327_4842"
/>
</filter>
<filter
id="filter2_f_28327_4842"
x={10.9135}
y={4.1875}
width={13.5588}
height={21.3213}
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_4842"
/>
</filter>
<filter
id="filter3_f_28327_4842"
x={16.5631}
y={2.61621}
width={3.48248}
height={2.49561}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.25}
result="effect1_foregroundBlur_28327_4842"
/>
</filter>
<filter
id="filter4_f_28327_4842"
x={28.7643}
y={14.4625}
width={1.20002}
height={10.1062}
filterUnits="userSpaceOnUse"
colorInterpolationFilters="sRGB"
>
<feFlood floodOpacity={0} result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation={0.2}
result="effect1_foregroundBlur_28327_4842"
/>
</filter>
<radialGradient
id="paint0_radial_28327_4842"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.72369 9.46872) scale(7.25 4.46875)"
>
<stop stopColor="#EDB134" />
<stop offset={1} stopColor="#BE8244" />
</radialGradient>
<radialGradient
id="paint1_radial_28327_4842"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(3.97369 9.40622) rotate(-11.9671) scale(2.93887 2.1161)"
>
<stop stopColor="#FFD150" />
<stop offset={1} stopColor="#FFD150" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint2_linear_28327_4842"
x1={12.0639}
y1={23.9522}
x2={10.8597}
y2={30.6581}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D69946" />
<stop offset={1} stopColor="#E99D23" />
</linearGradient>
<linearGradient
id="paint3_linear_28327_4842"
x1={11.6299}
y1={24.4687}
x2={11.023}
y2={27.8437}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B87E33" />
<stop offset={1} stopColor="#B87E33" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint4_radial_28327_4842"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(12.8487 30) rotate(-180) scale(2.15625 2.54664)"
>
<stop stopColor="#C67500" />
<stop offset={1} stopColor="#C67500" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint5_linear_28327_4842"
x1={11.023}
y1={30.7188}
x2={11.023}
y2={29.1867}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F15CC7" />
<stop offset={0.828473} stopColor="#F15CC7" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint6_linear_28327_4842"
x1={11.6456}
y1={29.9375}
x2={8.19244}
y2={29.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FDB65D" />
<stop offset={1} stopColor="#FDB65D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint7_linear_28327_4842"
x1={17.1017}
y1={23.9522}
x2={16.0667}
y2={29.2371}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#D69946" />
<stop offset={1} stopColor="#E99D23" />
</linearGradient>
<linearGradient
id="paint8_linear_28327_4842"
x1={16.6645}
y1={24.4687}
x2={16.0618}
y2={27.8453}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B87E33" />
<stop offset={1} stopColor="#B87E33" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint9_linear_28327_4842"
x1={16.053}
y1={30.7188}
x2={16.053}
y2={29.1867}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#F15CC7" />
<stop offset={0.828473} stopColor="#F15CC7" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint10_radial_28327_4842"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(20.0689 29.5312) rotate(-172.935) scale(2.03257 1.28495)"
>
<stop stopColor="#FFBD59" />
<stop offset={1} stopColor="#FFBD59" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint11_linear_28327_4842"
x1={17.3302}
y1={29.9375}
x2={13.2934}
y2={29.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FDB65D" />
<stop offset={1} stopColor="#FDB65D" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint12_linear_28327_4842"
x1={17.3243}
y1={21.1368}
x2={28.4737}
y2={21.1368}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#ED1C26" />
<stop offset={1} stopColor="#EC098C" />
</linearGradient>
<linearGradient
id="paint13_linear_28327_4842"
x1={20.3155}
y1={27.875}
x2={20.3155}
y2={23.5}
gradientUnits="userSpaceOnUse"
>
<stop offset={0.271429} stopColor="#992E9B" />
<stop offset={1} stopColor="#9F31A1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint14_linear_28327_4842"
x1={16.7237}
y1={12.9375}
x2={19.7862}
y2={19.7015}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#992E9B" />
<stop offset={1} stopColor="#9F31A1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint15_linear_28327_4842"
x1={10.5083}
y1={-2.92846}
x2={10.5083}
y2={29.375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#ED1C26" />
<stop offset={1} stopColor="#EC098C" />
</linearGradient>
<linearGradient
id="paint16_linear_28327_4842"
x1={9.16116}
y1={26.1875}
x2={9.16116}
y2={17.75}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#992E9B" />
<stop offset={1} stopColor="#9F31A1" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint17_radial_28327_4842"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(17.3487 20.125) rotate(132.87) scale(4.60499 6.33279)"
>
<stop offset={0.525311} stopColor="#BA2159" />
<stop offset={1} stopColor="#BA2159" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint18_linear_28327_4842"
x1={3.66116}
y1={15.9375}
x2={8.84866}
y2={15.9375}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#B2516B" />
<stop offset={1} stopColor="#B2516B" stopOpacity={0} />
</linearGradient>
<radialGradient
id="paint19_radial_28327_4842"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(23.8743 25) rotate(-124.025) scale(27.4117 18.7644)"
>
<stop offset={0.903999} stopColor="#B2516B" stopOpacity={0} />
<stop offset={1} stopColor="#B2516B" />
</radialGradient>
<linearGradient
id="paint20_linear_28327_4842"
x1={18.5444}
y1={22.125}
x2={14.4197}
y2={10.2849}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#EC098C" />
<stop offset={1} stopColor="#ED1746" />
</linearGradient>
<radialGradient
id="paint21_radial_28327_4842"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.186 8.36255) rotate(125.838) scale(0.693863 0.618606)"
>
<stop offset={0.00558659} stopColor="#433437" />
<stop offset={1} stopColor="#3B2838" />
</radialGradient>
<radialGradient
id="paint22_radial_28327_4842"
cx={0}
cy={0}
r={1}
gradientUnits="userSpaceOnUse"
gradientTransform="translate(10.2245 8.39844) rotate(137.643) scale(0.35946 0.316237)"
>
<stop stopColor="#5C5051" />
<stop offset={1} stopColor="#5C5051" stopOpacity={0} />
</radialGradient>
<linearGradient
id="paint23_linear_28327_4842"
x1={9.9393}
y1={8.13071}
x2={9.59555}
y2={7.91196}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#5C5051" stopOpacity={0} />
<stop offset={1} stopColor="#5C5051" />
</linearGradient>
<linearGradient
id="paint24_linear_28327_4842"
x1={19.7237}
y1={20.875}
x2={15.8803}
y2={2.56291}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF589B" />
<stop offset={1} stopColor="#FF589B" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint25_linear_28327_4842"
x1={19.4272}
y1={3.79351}
x2={17.3955}
y2={5.38667}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FFB3D1" />
<stop offset={1} stopColor="#FFB3D1" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint26_linear_28327_4842"
x1={17.2549}
y1={5.02734}
x2={16.5831}
y2={6.17187}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#A92E39" />
<stop offset={1} stopColor="#A92E39" stopOpacity={0} />
</linearGradient>
<linearGradient
id="paint27_linear_28327_4842"
x1={29.8643}
y1={15.0625}
x2={29.8643}
y2={23.9688}
gradientUnits="userSpaceOnUse"
>
<stop stopColor="#FF5CAB" />
<stop offset={1} stopColor="#FF5CAB" stopOpacity={0} />
</linearGradient>
</defs>
</svg>
);
module.exports = BirdIcon;