UNPKG

@jstnmthw/react-fluentui-emoji

Version:

Fluent Emoji SVG icons for UI react development.

562 lines (561 loc) 20.1 kB
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;