Elegoo アイコン
simple-icons:elegoo
Elegoo アイコン(simple-icons:elegoo)は、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="M12.686 7.479q.81 1.244 1.476 2.505c.64-1.217 1.849-2.086 3.328-2.086c2.217 0 3.826 1.954 3.826 4.102s-1.609 4.102-3.826 4.102c-.656 0-1.26-.171-1.784-.467l-.001-.001a4 4 0 0 1-1.509-1.553c-.484-.804-.725-1.706-.991-2.657c-.598-2.134-1.252-3.773-3.194-4.988a6.56 6.56 0 0 0-3.501-.985C2.815 5.451 0 8.323 0 12c0 3.727 2.761 6.549 6.51 6.549c1.955 0 3.639-.766 4.805-2.027a31 31 0 0 1-1.477-2.505c-.641 1.217-1.849 2.085-3.328 2.085c-2.218 0-3.827-1.953-3.827-4.102S4.292 7.898 6.51 7.898c.655 0 1.26.171 1.783.469h.001c.635.36 1.154.904 1.509 1.553c.574.951.807 2.041 1.144 3.188c.555 1.89 1.285 3.339 3.002 4.432a6.55 6.55 0 0 0 3.541 1.009c3.694 0 6.51-2.872 6.51-6.549c0-3.727-2.76-6.549-6.51-6.549c-1.954 0-3.64.766-4.804 2.028"/></svg>Elegoo アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:elegoo" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:elegoo" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:elegoo" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--elegoo]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:elegoo"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:elegoo"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/elegoo.svg" alt="Elegoo アイコン" width="24" height="24">他のアイコンセットの Elegoo アイコン
Elegoo アイコン のよくある質問
Elegoo アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Elegoo アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:elegoo" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Elegoo アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/elegoo.svg" alt="Elegoo アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。