Andela アイコン
simple-icons:andela
Andela アイコン(simple-icons:andela)は、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="M20.999 4.586L13.956.511A3.94 3.94 0 0 0 12 0c-.713 0-1.378.183-1.946.511L2.982 4.586a4.01 4.01 0 0 0-1.917 3.42v7.997a3.99 3.99 0 0 0 1.927 3.421l7.014 4.046c.587.337 1.262.53 1.994.53c.723 0 1.407-.193 1.994-.53l6.937-4.008a4.01 4.01 0 0 0 2.004-3.468V7.997a4 4 0 0 0-1.936-3.411m.298 7.534h-.038c-5.039.02-9.143 4.143-9.143 9.182a.117.117 0 0 1-.116.116a.12.12 0 0 1-.116-.116v-.038c-.019-5.039-4.143-9.144-9.181-9.144a.116.116 0 0 1-.116-.115c0-.068.058-.116.116-.116h.038c5.039-.019 9.143-4.143 9.143-9.182c0-.067.058-.115.116-.115c.067 0 .116.058.116.115c0 5.059 4.114 9.182 9.181 9.182c.068 0 .116.058.116.116c.01.067-.048.115-.116.115"/></svg>Andela アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:andela" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:andela" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:andela" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--andela]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:andela"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:andela"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/andela.svg" alt="Andela アイコン" width="24" height="24">他のアイコンセットの Andela アイコン
Andela アイコン のよくある質問
Andela アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Andela アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:andela" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Andela アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/andela.svg" alt="Andela アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。