Antv アイコン
simple-icons:antv
Antv アイコン(simple-icons:antv)は、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="M4.837 1.418c-.363 0-3.064.002-3.545 0c-.188 0-.446.1-.62.2c-.538.305-.855 1.123-.558 1.735L10.69 21.71c.357.617.801.87 1.324.871c.63.001 1.038-.454 1.18-.7c.635-1.088 6.214-10.707 6.214-10.707a1.285 1.285 0 0 0-.497-1.694c-.596-.348-1.397-.197-1.744.388c-.307.517-4.58 7.888-4.886 8.413c-.156.267-.463.2-.585-.017c-.216-.383-5.255-9.13-7.833-13.605l.005.004c-.066-.103-.15-.328-.043-.509c.09-.155.279-.138.372-.138h9.535a1.3 1.3 0 0 0 0-2.6zm12.737.029v.003a1.3 1.3 0 0 0 0 2.593v.003l2.386.002c.309 0 .406.3.28.514L19.053 6.59l.002.002a1.3 1.3 0 0 0 2.243 1.303l.002.002l2.425-4.2c.354-.62.349-1.13.086-1.582c-.315-.544-.915-.667-1.2-.667Zm-2.839 5.642l-.038.002H9.71a.54.54 0 0 0-.523.55c0 .12.037.23.098.32l2.505 4.275q.014.028.032.055l.003.005a.47.47 0 0 0 .39.207c.194 0 .36-.12.435-.294l2.506-4.306a.515.515 0 0 0-.42-.814"/></svg>Antv アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:antv" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:antv" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:antv" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--antv]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:antv"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:antv"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/antv.svg" alt="Antv アイコン" width="24" height="24">他のアイコンセットの Antv アイコン
Antv アイコン のよくある質問
Antv アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Antv アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:antv" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Antv アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/antv.svg" alt="Antv アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。