Edu アイコン
token-branded:edu
Edu アイコン(token-branded:edu)は、Web3 Icons Branded セットの無料 SVG アイコンです（作者: 0xa3k5）。 24 × 24 のグリッドで描かれています。 Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Web3 Icons Branded
- 作者
- 0xa3k5
- ライセンス
- MIT
- サイズ
- 24 × 24
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGKR14EdlE)" d="M3.563 16.553v-1.279l7.312 3.753v-5.502l1.643-1.079a.9.9 0 0 1 .045.312v7.189c0 1.197-1.271 1.19-1.823.872c-1.834-1.052-6.166-3.204-6.582-3.391c-.415-.188-.588-.66-.596-.875"/><path fill="#4273eb" d="M8.625 14.503L3.563 11.69v1.872l5.062 2.766z"/><path fill="url(#SVG14aARcRI)" d="m3.563 9.62l7.314 3.904l1.644-1.067s-.182-.196-.393-.328L3.76 7.605a.6.6 0 0 0-.199.429z"/><path fill="url(#SVGQjrwYdXn)" d="M11.34 3.161L3.76 7.606l1.616.938l2.648-1.47l6.8 3.9l1.522-1.051a1.7 1.7 0 0 0-.487-.435L9.816 6.09l2.264-1.249l6.667 3.84l1.557-1.036c-.11-.23-.378-.402-.514-.486L12.713 3.16c-.598-.285-1.14-.13-1.373 0"/><path fill="url(#SVGNkIRecIe)" d="M14.813 20.61v-9.627l1.53-1.06c.125.134.157.36.157.44v9.156z"/><path fill="url(#SVGi89UIdGt)" d="M18.75 18.197v-9.51l1.53-1.048c.125.133.158.355.158.436v8.6s0 .36-.255.542z"/><defs><linearGradient id="SVGKR14EdlE" x1="17.754" x2="12.908" y1="4.5" y2="19.004" gradientUnits="userSpaceOnUse"><stop stop-color="#7cd872"/><stop offset=".796" stop-color="#4073f3"/></linearGradient><linearGradient id="SVG14aARcRI" x1="3.563" x2="20.088" y1="6.527" y2="12.158" gradientUnits="userSpaceOnUse"><stop stop-color="#6ec185"/><stop offset="1" stop-color="#4373ea"/></linearGradient><linearGradient id="SVGQjrwYdXn" x1="8.462" x2="18.849" y1="6.922" y2="9.987" gradientUnits="userSpaceOnUse"><stop stop-color="#7bdf6a"/><stop offset="1" stop-color="#416ff6"/></linearGradient><linearGradient id="SVGNkIRecIe" x1="12" x2="12" y1="3.001" y2="21.002" gradientUnits="userSpaceOnUse"><stop stop-color="#7cd872"/><stop offset="1" stop-color="#4073f3"/></linearGradient><linearGradient id="SVGi89UIdGt" x1="19.594" x2="19.594" y1="7.639" y2="18.197" gradientUnits="userSpaceOnUse"><stop stop-color="#7cd872"/><stop offset="1" stop-color="#4073f3"/></linearGradient></defs></g></svg>Edu アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="token-branded:edu" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="token-branded:edu" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="token-branded:edu" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[token-branded--edu]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/token-branded -->
<div class="i-token-branded:edu"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="token-branded:edu"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/token-branded/edu.svg" alt="Edu アイコン" width="24" height="24">Web3 Icons Branded の関連アイコン
他のアイコンセットの Edu アイコン
Edu アイコン のよくある質問
Edu アイコンは商用利用でも無料ですか?
はい。Web3 Icons Branded icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Edu アイコンを使うには?
@iconify/react をインストールして <Icon icon="token-branded:edu" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Edu アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/token-branded/edu.svg" alt="Edu アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。