Icône Kite

fluent-emoji-flat:kite

L'icône Kite (fluent-emoji-flat:kite) est une icône SVG gratuite de la collection Fluent Emoji Flat par Microsoft Corporation. Elle est dessinée sur une grille de 32 × 32. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Fluent Emoji Flat
Auteur: Microsoft Corporation
Licence: MIT
Taille: 32 × 32
Catégorie: Activités

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#d3d3d3" d="M27.937 11.257a.5.5 0 0 1-.194.68c-.71.395-1.73 1.132-2.467 2.04c-.743.916-1.122 1.903-.802 2.865c.3.9.882 1.94 1.505 3.052q.254.451.51.917c.39.712.764 1.438 1.041 2.136c.276.694.47 1.395.47 2.053l.002.182c.01.505.026 1.376-.379 2.248c-.476 1.025-1.486 1.98-3.486 2.55c-2.536.726-4.474-.711-5.707-2.176a12.4 12.4 0 0 1-1.41-2.106a13 13 0 0 1-.475-.99l-.007-.016l-.002-.005v-.001c0-.001.775-.31 0 0a.5.5 0 0 1 .928-.371l.001.002l.005.011l.02.047q.026.064.081.185c.074.161.184.392.33.666c.295.55.73 1.264 1.294 1.934c1.142 1.357 2.704 2.42 4.668 1.86c1.786-.511 2.526-1.306 2.853-2.011c.301-.649.293-1.282.286-1.796L27 25c0-.475-.143-1.04-.4-1.684c-.253-.639-.604-1.321-.989-2.026q-.231-.422-.475-.855c-.63-1.123-1.277-2.277-1.61-3.277c-.48-1.438.141-2.785.973-3.81c.838-1.033 1.969-1.846 2.758-2.285a.5.5 0 0 1 .68.194"/><path fill="#86d72f" d="M16.18 6.602L4.568 2.042a.54.54 0 0 0-.492.04l5.23 9.952L16.562 6.9a.76.76 0 0 0-.381-.298"/><path fill="#f9c23c" d="m16.733 7.356l.984 17.053c.02.228-.1.416-.281.505l-6.804-6.254l-1.317-7.636l7.257-4.134a.93.93 0 0 1 .16.466m9.809 10.927l-1.4.068a.65.65 0 0 0-.535.309l-.632 1.106c-.165.291-.632.317-.836.042l-1.06-1.43c-.204-.275.01-.644.38-.66l1.4-.07a.65.65 0 0 0 .534-.308l.632-1.106c.165-.291.632-.317.836-.043l1.06 1.432c.204.274-.01.643-.38.66"/><path fill="#00a6ed" d="M2.389 15.545a.9.9 0 0 1-.331-.377l3.57-4.134h3.697l8.12 13.89a.56.56 0 0 1-.592-.02zm26.082 6.051l-1.395-.13a.63.63 0 0 0-.58.25l-.814 1.09c-.223.287-.678.25-.833-.073l-.805-1.682c-.154-.324.117-.684.485-.647l1.395.13a.64.64 0 0 0 .58-.25l.814-1.09c.223-.287.678-.25.833.073l.805 1.682c.154.324-.117.684-.485.647"/><path fill="#f8312f" d="M2.008 14.693L3.814 2.48a.51.51 0 0 1 .281-.397l5.23 8.953l-7.257 4.134a.95.95 0 0 1-.06-.476m27.19 12.228l-1.346-.715a.73.73 0 0 0-.704 0l-1.345.725c-.358.192-.803-.04-.803-.423v-1.996c0-.383.445-.625.803-.434l1.345.716a.73.73 0 0 0 .704 0l1.345-.726c.358-.191.803.04.803.424v1.996c0 .383-.445.625-.803.433"/></g></svg>

Comment utiliser l'icône Kite

React

import { Icon } from "@iconify/react";

<Icon icon="fluent-emoji-flat:kite" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="fluent-emoji-flat:kite" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="fluent-emoji-flat:kite" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--kite]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:kite"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="fluent-emoji-flat:kite"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/kite.svg" alt="Icône Kite" width="24" height="24">

L'icône Kite dans d'autres collections

FAQ : Icône Kite

L'icône Kite est-elle gratuite pour un usage commercial ?

Oui. Les Fluent Emoji Flat icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Kite dans React ?

Installez @iconify/react et affichez <Icon icon="fluent-emoji-flat:kite" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Kite à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/kite.svg" alt="Icône Kite">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Fluent Emoji Flat →