Ikon Duolingo Light
selfhst:duolingo-light
Ikon Duolingo Light (selfhst:duolingo-light) adalah ikon SVG gratis dari set selfh.st/icons karya selfh.st. Ikon ini digambar pada grid 512 × 512. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- selfh.st/icons
- Pembuat
- selfh.st
- Lisensi
- CC-BY-4.0
- Ukuran
- 512 × 512
- Tag
- duolingolight
Kode 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>Cara memakai ikon 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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/selfhst/duolingo-light.svg" alt="Ikon Duolingo Light" width="24" height="24">Ikon terkait di selfh.st/icons
FAQ Ikon Duolingo Light
Apakah ikon Duolingo Light gratis untuk penggunaan komersial?
Ya. selfh.st/icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Duolingo Light di React?
Pasang @iconify/react lalu render <Icon icon="selfhst:duolingo-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Duolingo Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/selfhst/duolingo-light.svg" alt="Ikon Duolingo Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.