Icône Duolingo

selfhst:duolingo

L'icône Duolingo (selfhst:duolingo) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/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: selfh.st/icons
Auteur: selfh.st
Licence: CC-BY-4.0
Taille: 512 × 512

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#50c800" fill-rule="evenodd" d="M97.5 0h317.1C468.4 0 512 43.6 512 97.4v317.1c0 53.8-43.6 97.4-97.4 97.4H97.5C43.6 512 0 468.4 0 414.5V97.4C0 43.6 43.6 0 97.5 0"/><path fill="#8ee000" fill-rule="evenodd" d="M512 330.7V182.6c-5.8-14.1-14.3-26.9-24.9-37.6c1-15.9-2.6-32-10.8-46.3c-5.4-9.4-18.4-10.7-25.7-2.6l-16.5 18.3c-.1 0-.2 0-.3-.1c2.2-16.7-.7-34-8.9-49.5c-5.1-9.6-16.1-11.3-23.7-3.5l-79.5 80.5c-.9.8-1.8 1.7-2.7 2.6c-.1.1-.2.1-.2.2c-34.5 31.3-88.4 32.6-121.3 3.8c-2-2.2-4.2-4.4-6.4-6.5l-79.6-80.6c-7.6-7.8-18.6-6.1-23.7 3.5c-8.1 15.4-11 32.6-8.9 49.2c-.2 0-.3 0-.5.1L61.6 96c-7.3-8.1-20.3-6.7-25.8 2.6c-8.1 14-11.6 29.8-10.9 45.4C14.5 154.4 6 166.7 0 180.3V333c17.9 40.9 58.8 69.6 106.4 69.6h5.1c47.1 0 87.7-28.1 105.9-68.5c17.4-.1 30.1-.1 37.9-.1H295c18.1 40.5 58.8 68.7 106 68.7h3.6c48.5 0 90-29.8 107.4-72"/><path fill="#fff" fill-rule="evenodd" d="M113.6 152c44.6 0 80.8 36.1 80.8 80.8v47.8c0 44.6-36.1 80.8-80.8 80.8c-44.6 0-80.8-36.1-80.8-80.8v-47.8c0-44.7 36.2-80.8 80.8-80.8m283.8 0c44.6 0 80.8 36.1 80.8 80.8v47.8c0 44.6-36.1 80.8-80.8 80.8c-44.6 0-80.8-36.1-80.8-80.8v-47.8c0-44.7 36.2-80.8 80.8-80.8"/><path fill="#f48000" fill-rule="evenodd" d="M256 291.3c24.2 0 43.9 19.6 43.9 43.9v15.2c0 24.2-19.6 43.9-43.9 43.9c-24.2 0-43.9-19.6-43.9-43.9v-15.2c0-24.2 19.7-43.9 43.9-43.9"/><path fill="#ffc200" d="M195.4 339.4c5.2-28 31.2-48.2 62.2-48.2c28.2 0 53.8 20.7 58.9 48.2v2.3c0 1.8-.6 2.4-2.2 2.3l-56.6 10h-3.4l-56.7-10.1c-1.6.2-2.2-.5-2.2-2.2z"/><path fill="#ffe747" fill-rule="evenodd" d="M246.7 300.9c3-.7 6-1.1 9-1.1c3.2 0 6.6.4 9.8 1.3c6.6 1.7 11.2 7.6 11.2 14.4c0 5.5-4.4 9.9-9.9 9.9h-21.7c-5.5 0-9.9-4.4-9.9-9.9c0-6.9 4.8-12.9 11.5-14.6"/><path fill="#4b4b4b" d="M423.3 236.7v40.9c0 21.1-17.1 38.3-38.3 38.3c-21.1 0-38.3-17.1-38.3-38.3v-32.9c.7.1 1.5.1 2.2.1c13.7 0 24.7-11 24.7-24.6c0-6.7-2.7-12.7-7-17.1c5.5-3 11.7-4.7 18.4-4.7c21.1 0 38.3 17.1 38.3 38.3M126 198.4c-5.7 0-11.1 1.3-15.9 3.5c5.1 4.5 8.3 11.1 8.3 18.4c0 13.6-11.1 24.6-24.7 24.6c-2.1 0-4-.3-5.9-.7v33.5c0 21.2 17.2 38.3 38.3 38.3c21.2 0 38.3-17.2 38.3-38.3v-40.9c0-21.3-17.2-38.4-38.4-38.4"/></svg>

Comment utiliser l'icône Duolingo

React

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

<Icon icon="selfhst:duolingo" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:duolingo" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:duolingo" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="selfhst:duolingo"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/selfhst/duolingo.svg" alt="Icône Duolingo" width="24" height="24">

Icônes similaires dans selfh.st/icons

L'icône Duolingo dans d'autres collections

FAQ : Icône Duolingo

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

Oui. Les selfh.st/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 Duolingo dans React ?

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

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

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

Voir toutes les selfh.st/icons →