ICONYZ
Français
Icône Swan de Twitter Emoji

Icône Swan

twemoji:swan

L'icône Swan (twemoji:swan) est une icône SVG gratuite de la collection Twitter Emoji par Twitter. Elle est dessinée sur une grille de 36 × 36. Les Twitter Emoji icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Twitter Emoji
Auteur
Twitter
Licence
CC-BY-4.0
Taille
36 × 36
Catégorie
Animaux et nature
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#e1e8ed" d="M3.427 7.034c-1.049-1.086-1.535-2.903.2-5.106s9.144-2.87 8.61 4.939c-.067 1.835-.768 4.605-2.603 8.376c-.467.968-1.268 2.536-1.602 4.839c.968-.801 3.904-2.236 6.908-1.835c3.003.4 18.054 7.142 21.057 4.305c.1 1.168-3.637 12.781-18.555 12.781S.122 27.824.122 24.421s.868-5.173 3.371-7.542S9.835 8.87 8.099 6.367c-.367.667-2.769 2.636-4.672.667"/><path fill="#ccd6dd" d="M10.202 26.557c-.567 2.136 2.967 6.589 8.71 6.608c8.385.028 12.881-4.705 15.384-10.746c-2.436-1.068-13.826-3.254-17.129-1.919s-3.667 1.583-7.298 3.52c1.167.201.3 2.537.333 2.537"/><path fill="#292f33" d="M5.475 7.377a.4.4 0 0 0 .155-.309c0-.968.067-2.503.4-2.903c.785.083 1.118-.735.618-1.269s-1.418.067-1.352.634c-1.414-.377-2.442-.142-2.784.912c-.104 1.066.302 1.957.915 2.592c.295.305 1.776.427 2.048.343"/><path fill="#ccd6dd" d="M7.719 4.762c-.004.986-.74 2.149-2.244 2.614c-.159.136-.429.223-.751.268q.196.132.411.23c1.41.096 2.704-1.032 2.965-1.507l.013.026c.03-.89-.394-1.631-.394-1.631"/><path fill="#e1e8ed" d="M9.301 24.087c.033-1.468 1.368-7.375 9.077-7.542s8.31 4.672 14.416-.467c-.1 1.301-2.269 15.017-13.849 15.017c-9.21 0-9.678-5.54-9.644-7.008"/><path fill="#f4900c" d="M.754 10.571c.85-.264 3.775-1.968 4.843-3.17c.3-.334-1.495-2.405-3.164-2.639c.1.534.06 2.572-1.575 4.374c-.434.334-1.026 1.602-.104 1.435"/></svg>

Comment utiliser l'icône Swan

React

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

<Icon icon="twemoji:swan" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:swan" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:swan" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--swan]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:swan"></div>

Web component

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

<iconify-icon icon="twemoji:swan"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/twemoji/swan.svg" alt="Icône Swan" width="24" height="24">

L'icône Swan dans d'autres collections

FAQ : Icône Swan

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

Oui. Les Twitter Emoji icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Swan dans React ?

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

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

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

Voir toutes les Icônes Twitter Emoji →