Duolingo アイコン
simple-icons:duolingo
Duolingo アイコン(simple-icons:duolingo)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.0
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M14.484 18.213a6.42 6.42 0 0 0 4.316 1.662l.294-.001a6.43 6.43 0 0 0 4.905-2.422v1.98A4.567 4.567 0 0 1 19.432 24H4.569a4.57 4.57 0 0 1-4.567-4.57v-1.92a6.43 6.43 0 0 0 4.985 2.365l.35-.001a6.4 6.4 0 0 0 4.191-1.648a3.05 3.05 0 0 0 2.473 1.26a3.05 3.05 0 0 0 2.483-1.273m-5.349-.996a5.42 5.42 0 0 1-3.909 1.658h-.239A5.45 5.45 0 0 1 0 15.613v-7.16c.281-.64.68-1.216 1.169-1.699a3.9 3.9 0 0 1 .511-2.128a.753.753 0 0 1 1.21-.124l.766.851l.021-.005a3.9 3.9 0 0 1 .419-2.308c.24-.45.757-.53 1.114-.164c0 0 3.939 3.979 4.035 4.084c1.542 1.348 4.066 1.287 5.686-.18l.009-.007l3.855-3.9c.336-.345.862-.31 1.113.164c.385.724.518 1.535.417 2.32l.004.002l.007.002l.003.001l.776-.86a.75.75 0 0 1 1.207.124c.387.673.553 1.427.509 2.173A5.5 5.5 0 0 1 24 8.561v6.941a5.45 5.45 0 0 1-5.032 3.373H18.8a5.43 5.43 0 0 1-3.936-1.686l-.009-.067a1 1 0 0 0 .688-.33c.152-.16.299-.397.299-.776c0 0-.022-.312-.024-.324a3.787 3.787 0 0 0 6.598-2.538v-2.243a3.788 3.788 0 0 0-7.574 0v2.243q0 .4.079.776a3.87 3.87 0 0 0-2.842-1.278c-1.239 0-2.339.523-3.064 1.355q.096-.412.097-.853v-2.243a3.788 3.788 0 0 0-7.575 0v2.243A3.787 3.787 0 0 0 8.2 15.619c-.008.035-.039.395-.039.395c0 .378.147.616.298.775a1 1 0 0 0 .688.331a1 1 0 0 0-.012.097m.997.073c.729.131 1.733.305 1.792.305h.157c.059 0 1.789-.303 1.789-.303a2.06 2.06 0 0 1-3.738-.002m-.971-1.379c.246-1.313 1.462-2.259 2.918-2.259c1.324 0 2.521.97 2.763 2.259v.105c0 .082-.029.115-.103.106l-2.658.473h-.157l-2.66-.476c-.075.01-.103-.023-.103-.105Zm8.023-6.392a1.798 1.798 0 0 1 2.659 1.578v1.919a1.798 1.798 0 0 1-3.595 0v-1.542q.05.005.103.005c.64 0 1.16-.518 1.16-1.156c0-.312-.125-.596-.327-.804M5.162 9.461a1.8 1.8 0 0 1 2.544 1.636v1.919a1.798 1.798 0 0 1-3.595 0v-1.571q.134.034.278.034c.641 0 1.16-.518 1.16-1.156c0-.342-.149-.65-.387-.862M.002 6.554V4.568A4.566 4.566 0 0 1 4.569 0h14.865a4.565 4.565 0 0 1 4.565 4.568v2.041a5 5 0 0 0-.164-.197a4.86 4.86 0 0 0-.646-2.284a1.75 1.75 0 0 0-2.07-.786a5 5 0 0 0-.327-.774h-.001c-.287-.54-.758-.835-1.248-.908a1.67 1.67 0 0 0-1.464.515l-3.82 3.864c-1.226 1.11-3.127 1.199-4.313.205c-.103-.109-4.025-4.071-4.025-4.071a1.67 1.67 0 0 0-1.46-.51c-.489.073-.961.367-1.248.907v.002q-.199.376-.327.771a1.75 1.75 0 0 0-2.071.782l-.001.002a4.86 4.86 0 0 0-.645 2.23q-.086.097-.167.197"/></svg>Duolingo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:duolingo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:duolingo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:duolingo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--duolingo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:duolingo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:duolingo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/duolingo.svg" alt="Duolingo アイコン" width="24" height="24">他のアイコンセットの Duolingo アイコン
Duolingo アイコン のよくある質問
Duolingo アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Duolingo アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:duolingo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Duolingo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/duolingo.svg" alt="Duolingo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。