Icono Duolingo Light
selfhst:duolingo-light
El icono Duolingo Light (selfhst:duolingo-light) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- selfh.st/icons
- Autor
- selfh.st
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
- Etiquetas
- duolingolight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M512 330.8v83.8c0 53.8-43.6 97.4-97.4 97.4H97.5C43.6 512 0 468.4 0 414.5v-81.4c18 40.9 58.8 69.5 106.4 69.5h5.1c37.8 0 71.3-18.1 92.5-46c3.1 26 25.2 46.2 52 46.2c27 0 49.3-20.5 52.1-46.8c21.2 28.3 54.9 46.6 92.9 46.6h3.6c48.5.1 90-29.7 107.4-71.8M414.6 0H97.5C43.6 0 0 43.6 0 97.4v82.8c6-13.6 14.5-25.9 24.9-36.2c-.7-15.6 2.8-31.3 10.9-45.4c5.4-9.4 18.5-10.7 25.8-2.6L78 114.2c.2 0 .3 0 .5-.1c-2.1-16.6.8-33.8 8.9-49.2c5.1-9.6 16.1-11.3 23.7-3.5l79.6 80.6c2.2 2.1 4.4 4.2 6.4 6.5c32.9 28.7 86.7 27.4 121.3-3.8l.2-.2c.9-.9 1.8-1.8 2.7-2.6L401 61.3c7.6-7.8 18.6-6.1 23.7 3.5c8.2 15.4 11 32.7 8.9 49.5c.1 0 .2 0 .3.1L450.5 96c7.3-8.1 20.3-6.7 25.7 2.6c8.2 14.3 11.8 30.4 10.8 46.3c10.6 10.7 19.1 23.4 24.9 37.6V97.4C512 43.6 468.4 0 414.6 0m-301 361.4c-44.6 0-80.8-36.1-80.8-80.8v-47.8c0-44.6 36.2-80.8 80.8-80.8s80.8 36.1 80.8 80.8v47.8c0 44.6-36.2 80.8-80.8 80.8M126 316c21.2 0 38.3-17.2 38.3-38.3v-40.9c0-21.2-17.2-38.3-38.3-38.3c-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.5c-.1 21.1 17.1 38.2 38.2 38.2m190.6-35.4v-47.8c0-44.6 36.1-80.8 80.8-80.8c44.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.8m30-2.9c0 21.2 17.2 38.3 38.3 38.3c21.2 0 38.3-17.2 38.3-38.3v-40.9c0-21.2-17.2-38.3-38.3-38.3c-6.7 0-12.9 1.7-18.4 4.7c4.3 4.4 7 10.5 7 17.1c0 13.6-11.1 24.6-24.7 24.6c-.7 0-1.5 0-2.2-.1zm-30 61.7v2.3c0 1.8-.6 2.4-2.2 2.3l-56.7 10h-3.4l-56.7-10.1c-1.6.2-2.2-.5-2.2-2.2v-2.2c5.2-28 31.2-48.2 62.2-48.2c28.3-.1 53.9 20.6 59 48.1m-39.8-23.9c0-6.8-4.6-12.7-11.2-14.4c-3.2-.8-6.6-1.3-9.8-1.3c-3 0-6.1.4-9 1.1c-6.7 1.7-11.5 7.7-11.4 14.6c0 5.4 4.4 9.9 9.9 9.9H267c5.3 0 9.8-4.4 9.8-9.9m-18.3 47h-4.9l-41.2-7.4c2.3 22 21 39.2 43.6 39.2c22.7 0 41.3-17.2 43.6-39.2z"/></svg>Cómo usar el icono Duolingo Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:duolingo-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:duolingo-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:duolingo-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--duolingo-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:duolingo-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:duolingo-light"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/duolingo-light.svg" alt="Icono Duolingo Light" width="24" height="24">Iconos relacionados en selfh.st/icons
Preguntas frecuentes sobre Icono Duolingo Light
¿El icono Duolingo Light es gratis para uso comercial?
Sí. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Duolingo Light en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:duolingo-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Duolingo Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/duolingo-light.svg" alt="Icono Duolingo Light">, o pega el código SVG en línea para darle estilo con CSS.