Иконка Kite
fluent-emoji:kite
Иконка Kite (fluent-emoji:kite) — бесплатная SVG-иконка из набора Fluent Emoji от Microsoft Corporation. Она нарисована на сетке 32 × 32. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Fluent Emoji
- Автор
- Microsoft Corporation
- Лицензия
- MIT
- Размер
- 32 × 32
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g stroke-linecap="round" filter="url(#isGU6Yc)"><path stroke="url(#ifY4mbd)" d="M17.422 24.585c.76 2.145 3.795 6.781 8.266 3.968c3.625-2.28 1.7-6.622-.164-8.882c-.75-.886-2-2.899-1.375-4.82c.607-1.868 2.518-2.96 3.382-3.282"/><path stroke="url(#i03WSXc)" d="M17.422 24.585c.76 2.145 3.795 6.781 8.266 3.968c3.625-2.28 1.7-6.622-.164-8.882c-.75-.886-2-2.899-1.375-4.82c.607-1.868 2.518-2.96 3.382-3.282"/><path stroke="url(#iz40FSb)" d="M17.422 24.585c.76 2.145 3.795 6.781 8.266 3.968c3.625-2.28 1.7-6.622-.164-8.882c-.75-.886-2-2.899-1.375-4.82c.607-1.868 2.518-2.96 3.382-3.282"/><path stroke="url(#idvjEnb)" d="M17.422 24.585c.76 2.145 3.795 6.781 8.266 3.968c3.625-2.28 1.7-6.622-.164-8.882c-.75-.886-2-2.899-1.375-4.82c.607-1.868 2.518-2.96 3.382-3.282"/></g><path stroke="url(#ixFXu5b)" stroke-linecap="round" d="M17.422 24.585c.76 2.145 3.795 6.781 8.266 3.968c3.625-2.28 1.7-6.622-.164-8.882c-.75-.886-2-2.899-1.375-4.82c.607-1.868 2.518-2.96 3.382-3.282"/><path stroke="url(#iJtfWOc)" stroke-linecap="round" d="M17.422 24.585c.76 2.145 3.795 6.781 8.266 3.968c3.625-2.28 1.7-6.622-.164-8.882c-.75-.886-2-2.899-1.375-4.82c.607-1.868 2.518-2.96 3.382-3.282"/><path fill="url(#igr97Ne)" d="m4.042 2.457l-1.8 12.32q-.03.255.06.48l7.23-4.17l-5.21-9.03c-.15.08-.26.22-.28.4"/><path fill="url(#ijqppad)" d="m4.042 2.457l-1.8 12.32q-.03.255.06.48l7.23-4.17l-5.21-9.03c-.15.08-.26.22-.28.4"/><path fill="url(#iwRoukb)" d="m16.362 6.617l-11.57-4.6a.53.53 0 0 0-.49.04l5.21 9.03l7.23-4.17a.76.76 0 0 0-.38-.3"/><path fill="url(#ifbSCIj)" d="m16.362 6.617l-11.57-4.6a.53.53 0 0 0-.49.04l5.21 9.03l7.23-4.17a.76.76 0 0 0-.38-.3"/><path fill="url(#ie2izZd)" d="m16.362 6.617l-11.57-4.6a.53.53 0 0 0-.49.04l5.21 9.03l7.23-4.17a.76.76 0 0 0-.38-.3"/><path fill="url(#iOQXQ9c)" d="M2.292 15.257c.07.15.18.28.33.38l14.41 9.44c.19.13.42.12.59.02l-8.09-14.01z"/><path fill="url(#i0GGUib)" d="M2.292 15.257c.07.15.18.28.33.38l14.41 9.44c.19.13.42.12.59.02l-8.09-14.01z"/><path fill="url(#iZJ4Gob)" d="M2.292 15.257c.07.15.18.28.33.38l14.41 9.44c.19.13.42.12.59.02l-8.09-14.01z"/><path fill="url(#i3RQhWE)" d="m17.892 24.577l-.98-17.2a.94.94 0 0 0-.178-.464l-7.212 4.164l8.09 14.01c.18-.09.3-.28.28-.51"/><path fill="url(#iRY71oc)" d="m17.892 24.577l-.98-17.2a.94.94 0 0 0-.178-.464l-7.212 4.164l8.09 14.01c.18-.09.3-.28.28-.51"/><g filter="url(#itT7zQB)"><path fill="#DF2B6E" d="m25.365 26.432l.016-1.927a.5.5 0 0 1 .705-.452l1.51.677a.5.5 0 0 0 .45-.02l1.414-.79a.5.5 0 0 1 .743.405v2.108a.5.5 0 0 1-.733.473l-1.41-.814a.5.5 0 0 0-.467 0l-1.495.787a.5.5 0 0 1-.733-.447"/><path fill="url(#iMsnmBe)" d="m25.365 26.432l.016-1.927a.5.5 0 0 1 .705-.452l1.51.677a.5.5 0 0 0 .45-.02l1.414-.79a.5.5 0 0 1 .743.405v2.108a.5.5 0 0 1-.733.473l-1.41-.814a.5.5 0 0 0-.467 0l-1.495.787a.5.5 0 0 1-.733-.447"/><path fill="url(#ijx1mil)" d="m25.365 26.432l.016-1.927a.5.5 0 0 1 .705-.452l1.51.677a.5.5 0 0 0 .45-.02l1.414-.79a.5.5 0 0 1 .743.405v2.108a.5.5 0 0 1-.733.473l-1.41-.814a.5.5 0 0 0-.467 0l-1.495.787a.5.5 0 0 1-.733-.447"/></g><g filter="url(#ibR2YKo)"><path fill="#288FEC" d="m24.708 23.355l-.733-1.783a.5.5 0 0 1 .474-.69l1.656.038a.5.5 0 0 0 .405-.192l.997-1.278a.5.5 0 0 1 .842.085l.818 1.943a.5.5 0 0 1-.491.72l-1.617-.203a.5.5 0 0 0-.43.181l-1.073 1.306a.5.5 0 0 1-.848-.127"/><path fill="url(#ig7Ucxc)" d="m24.708 23.355l-.733-1.783a.5.5 0 0 1 .474-.69l1.656.038a.5.5 0 0 0 .405-.192l.997-1.278a.5.5 0 0 1 .842.085l.818 1.943a.5.5 0 0 1-.491.72l-1.617-.203a.5.5 0 0 0-.43.181l-1.073 1.306a.5.5 0 0 1-.848-.127"/><path fill="url(#iwU8QZc)" d="m24.708 23.355l-.733-1.783a.5.5 0 0 1 .474-.69l1.656.038a.5.5 0 0 0 .405-.192l.997-1.278a.5.5 0 0 1 .842.085l.818 1.943a.5.5 0 0 1-.491.72l-1.617-.203a.5.5 0 0 0-.43.181l-1.073 1.306a.5.5 0 0 1-.848-.127"/></g><g filter="url(#iIbhnqc)"><path fill="#E6AD42" d="m22.869 20.128l-.972-1.665a.5.5 0 0 1 .374-.748l1.645-.191a.5.5 0 0 0 .375-.247l.81-1.403a.5.5 0 0 1 .846-.032l1.079 1.812a.5.5 0 0 1-.387.781l-1.63.022a.5.5 0 0 0-.4.238l-.882 1.442a.5.5 0 0 1-.858-.009"/><path fill="url(#ieomRTd)" d="m22.869 20.128l-.972-1.665a.5.5 0 0 1 .374-.748l1.645-.191a.5.5 0 0 0 .375-.247l.81-1.403a.5.5 0 0 1 .846-.032l1.079 1.812a.5.5 0 0 1-.387.781l-1.63.022a.5.5 0 0 0-.4.238l-.882 1.442a.5.5 0 0 1-.858-.009"/><path fill="url(#io3jwVO)" d="m22.869 20.128l-.972-1.665a.5.5 0 0 1 .374-.748l1.645-.191a.5.5 0 0 0 .375-.247l.81-1.403a.5.5 0 0 1 .846-.032l1.079 1.812a.5.5 0 0 1-.387.781l-1.63.022a.5.5 0 0 0-.4.238l-.882 1.442a.5.5 0 0 1-.858-.009"/></g><defs><radialGradient id="i03WSXc" cx="0" cy="0" r="1" gradientTransform="matrix(.90056 1.9228 -1.42179 .6659 24.642 17.906)" gradientUnits="userSpaceOnUse"><stop stop-color="#D2C9D5"/><stop offset="1" stop-color="#D2C9D5" stop-opacity="0"/></radialGradient><radialGradient id="iz40FSb" cx="0" cy="0" r="1" gradientTransform="matrix(.29207 2.23922 -1.29255 .1686 26.832 21.119)" gradientUnits="userSpaceOnUse"><stop stop-color="#CAC6D8"/><stop offset="1" stop-color="#CAC6D8" stop-opacity="0"/></radialGradient><radialGradient id="idvjEnb" cx="0" cy="0" r="1" gradientTransform="rotate(120.256 5.883 20.82)scale(2.0288 1.17109)" gradientUnits="userSpaceOnUse"><stop stop-color="#C3ACCD"/><stop offset="1" stop-color="#C3ACCD" stop-opacity="0"/></radialGradient><radialGradient id="ixFXu5b" cx="0" cy="0" r="1" gradientTransform="matrix(2.43393 3.11544 -.75062 .58642 18.752 25.402)" gradientUnits="userSpaceOnUse"><stop stop-color="#EAE3F4"/><stop offset="1" stop-color="#EAE3F4" stop-opacity="0"/></radialGradient><radialGradient id="iJtfWOc" cx="0" cy="0" r="1" gradientTransform="matrix(-.60848 .29207 -.40506 -.84389 28 11.407)" gradientUnits="userSpaceOnUse"><stop stop-color="#F9F4FE"/><stop offset="1" stop-color="#F9F4FE" stop-opacity="0"/></radialGradient><radialGradient id="igr97Ne" cx="0" cy="0" r="1" gradientTransform="rotate(-163.448 5.545 4.66)scale(5.90998 13.8095)" gradientUnits="userSpaceOnUse"><stop stop-color="#FF4066"/><stop offset="1" stop-color="#E7374D"/></radialGradient><radialGradient id="iwRoukb" cx="0" cy="0" r="1" gradientTransform="matrix(-1.56901 -7.63077 11.41196 -2.34648 11.498 10.496)" gradientUnits="userSpaceOnUse"><stop stop-color="#97E05E"/><stop offset="1" stop-color="#6EC03E"/></radialGradient><radialGradient id="iOQXQ9c" cx="0" cy="0" r="1" gradientTransform="rotate(135.556 2.96 10.45)scale(4.33438 14.8275)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFDE54"/><stop offset="1" stop-color="#FAB644"/></radialGradient><radialGradient id="i3RQhWE" cx="0" cy="0" r="1" gradientTransform="matrix(4.77091 17.79287 -9.75935 2.61684 13.123 7.294)" gradientUnits="userSpaceOnUse"><stop offset=".376" stop-color="#70FAFF"/><stop offset="1" stop-color="#41C6FF"/></radialGradient><radialGradient id="iMsnmBe" cx="0" cy="0" r="1" gradientTransform="rotate(174.651 14.53 13.424)scale(1.03404 1.68142)" gradientUnits="userSpaceOnUse"><stop stop-color="#FB6390"/><stop offset="1" stop-color="#FB6390" stop-opacity="0"/></radialGradient><radialGradient id="ijx1mil" cx="0" cy="0" r="1" gradientTransform="rotate(179.525 13.621 12.781)scale(1.15196 .72512)" gradientUnits="userSpaceOnUse"><stop stop-color="#FB6390"/><stop offset="1" stop-color="#FB6390" stop-opacity="0"/></radialGradient><radialGradient id="ig7Ucxc" cx="0" cy="0" r="1" gradientTransform="matrix(-.91148 .4883 -.79401 -1.48213 28.823 20.54)" gradientUnits="userSpaceOnUse"><stop stop-color="#5FBCFF"/><stop offset="1" stop-color="#5FBCFF" stop-opacity="0"/></radialGradient><radialGradient id="iwU8QZc" cx="0" cy="0" r="1" gradientTransform="matrix(-1.05797 .45574 -.28688 -.66596 26.154 21.68)" gradientUnits="userSpaceOnUse"><stop stop-color="#55ADFA"/><stop offset="1" stop-color="#55ADFA" stop-opacity="0"/></radialGradient><radialGradient id="ieomRTd" cx="0" cy="0" r="1" gradientTransform="rotate(151.783 11.152 11.765)scale(1.1325 1.4161)" gradientUnits="userSpaceOnUse"><stop stop-color="#FFD469"/><stop offset="1" stop-color="#FFD469" stop-opacity="0"/></radialGradient><radialGradient id="io3jwVO" cx="0" cy="0" r="1" gradientTransform="matrix(-1.09527 .48678 -.33322 -.74976 23.924 18.417)" gradientUnits="userSpaceOnUse"><stop stop-color="#F1C15F"/><stop offset="1" stop-color="#F1C15F" stop-opacity="0"/></radialGradient><linearGradient id="ifY4mbd" x1="22.578" x2="27.734" y1="18.413" y2="29.434" gradientUnits="userSpaceOnUse"><stop stop-color="#E2DCED"/><stop offset="1" stop-color="#CDC0DB"/></linearGradient><linearGradient id="ijqppad" x1="2.459" x2="3.76" y1="12.511" y2="12.636" gradientUnits="userSpaceOnUse"><stop stop-color="#EB777B"/><stop offset="1" stop-color="#EB777B" stop-opacity="0"/></linearGradient><linearGradient id="ifbSCIj" x1="3.867" x2="7.504" y1="1.975" y2="5.29" gradientUnits="userSpaceOnUse"><stop stop-color="#4FA42E"/><stop offset="1" stop-color="#4FA42E" stop-opacity="0"/></linearGradient><linearGradient id="ie2izZd" x1="9.715" x2="9.43" y1="3.685" y2="4.47" gradientUnits="userSpaceOnUse"><stop stop-color="#4FA42E"/><stop offset="1" stop-color="#4FA42E" stop-opacity="0"/></linearGradient><linearGradient id="i0GGUib" x1="17.117" x2="13.896" y1="25.174" y2="20.736" gradientUnits="userSpaceOnUse"><stop stop-color="#FBA943"/><stop offset="1" stop-color="#FBA943" stop-opacity="0"/></linearGradient><linearGradient id="iZJ4Gob" x1="8.68" x2="8.991" y1="19.73" y2="19.272" gradientUnits="userSpaceOnUse"><stop stop-color="#FECA8A"/><stop offset="1" stop-color="#FECA8A" stop-opacity="0"/></linearGradient><linearGradient id="iRY71oc" x1="17.6" x2="16.856" y1="15.452" y2="15.496" gradientUnits="userSpaceOnUse"><stop offset=".215" stop-color="#63D5FE"/><stop offset="1" stop-color="#63D5FE" stop-opacity="0"/></linearGradient><filter id="isGU6Yc" width="11.313" height="19.116" x="16.922" y="10.819" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dy="-.25"/><feGaussianBlur stdDeviation=".25"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.768627 0 0 0 0 0.686275 0 0 0 0 0.85098 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3322"/></filter><filter id="itT7zQB" width="5.089" height="3.359" x="25.364" y="23.606" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy="-.25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.784314 0 0 0 0 0.160784 0 0 0 0 0.482353 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3322"/></filter><filter id="ibR2YKo" width="5.533" height="4.657" x="23.937" y="19.008" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".25" dy="-.25"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0.196078 0 0 0 0 0.478431 0 0 0 0 0.878431 0 0 0 1 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3322"/></filter><filter id="iIbhnqc" width="5.436" height="4.902" x="21.828" y="15.475" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feColorMatrix in="SourceAlpha" result="hardAlpha" values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0"/><feOffset dx=".15" dy="-.15"/><feGaussianBlur stdDeviation=".375"/><feComposite in2="hardAlpha" k2="-1" k3="1" operator="arithmetic"/><feColorMatrix values="0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.25 0"/><feBlend in2="shape" result="effect1_innerShadow_18_3322"/></filter></defs></g></svg>Как использовать иконку Kite
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji:kite" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji:kite" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji:kite" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji--kite]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji -->
<div class="i-fluent-emoji:kite"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji:kite"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji/kite.svg" alt="Иконка Kite" width="24" height="24">Иконка Kite в других наборах
Вопросы и ответы: Иконка Kite
Можно ли бесплатно использовать иконку Kite в коммерческих проектах?
Да. Fluent Emoji icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Kite в React?
Установите @iconify/react и выведите <Icon icon="fluent-emoji:kite" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Kite на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/fluent-emoji/kite.svg" alt="Иконка Kite">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.