Api Twotone アイコン
ant-design:api-twotone
Api Twotone アイコン(ant-design:api-twotone)は、Ant Design Icons セットの無料 SVG アイコンです（作者: HeskeyBaozi）。 1024 × 1024 のグリッドで描かれています。 Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Ant Design Icons
- 作者
- HeskeyBaozi
- ライセンス
- MIT
- サイズ
- 1024 × 1024
- タグ
- apitwotone
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="M254.9 582.3c-25 25-38.7 58.1-38.7 93.4s13.8 68.5 38.7 93.4c25 25 58.1 38.7 93.4 38.7s68.5-13.8 93.4-38.7l59.4-59.4l-186.8-186.8zm420.8-366.1c-35.3 0-68.5 13.8-93.4 38.7l-59.4 59.4l186.8 186.8l59.4-59.4c24.9-25 38.7-58.1 38.7-93.4s-13.8-68.5-38.7-93.4c-25-25-58.1-38.7-93.4-38.7"/><path fill="currentColor" d="M578.9 546.7a8.03 8.03 0 0 0-11.3 0L501 613.3L410.7 523l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3L441 408.6a8.03 8.03 0 0 0-11.3 0L363 475.3l-43-43a7.85 7.85 0 0 0-5.7-2.3c-2 0-4.1.8-5.7 2.3L206.8 534.2a199.45 199.45 0 0 0-58.6 140.4c-.2 39.5 11.2 79.1 34.3 113.1l-76.1 76.1a8.03 8.03 0 0 0 0 11.3l42.4 42.4c1.6 1.6 3.6 2.3 5.7 2.3s4.1-.8 5.7-2.3l76.1-76.1c33.7 22.9 72.9 34.3 112.1 34.3c51.2 0 102.4-19.5 141.5-58.6l101.9-101.9c3.1-3.1 3.1-8.2 0-11.3l-43-43l66.7-66.7c3.1-3.1 3.1-8.2 0-11.3zM441.7 769.1a131.32 131.32 0 0 1-93.4 38.7c-35.3 0-68.4-13.7-93.4-38.7c-24.9-24.9-38.7-58.1-38.7-93.4s13.7-68.4 38.7-93.4l59.4-59.4l186.8 186.8zm476-620.3l-42.4-42.4c-1.6-1.6-3.6-2.3-5.7-2.3s-4.1.8-5.7 2.3l-76.1 76.1a199.27 199.27 0 0 0-112.1-34.3c-51.2 0-102.4 19.5-141.5 58.6L432.3 308.7a8.03 8.03 0 0 0 0 11.3L704 591.7c1.6 1.6 3.6 2.3 5.7 2.3c2 0 4.1-.8 5.7-2.3l101.9-101.9c68.9-69 77-175.7 24.3-253.5l76.1-76.1c3.1-3.2 3.1-8.3 0-11.4M769.1 441.7l-59.4 59.4l-186.8-186.8l59.4-59.4c24.9-24.9 58.1-38.7 93.4-38.7s68.4 13.7 93.4 38.7c24.9 24.9 38.7 58.1 38.7 93.4s-13.8 68.4-38.7 93.4"/></svg>Api Twotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="ant-design:api-twotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ant-design:api-twotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ant-design:api-twotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--api-twotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:api-twotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ant-design:api-twotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/ant-design/api-twotone.svg" alt="Api Twotone アイコン" width="24" height="24">Ant Design Icons の関連アイコン
Api Twotone アイコン のよくある質問
Api Twotone アイコンは商用利用でも無料ですか?
はい。Ant Design Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Api Twotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="ant-design:api-twotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Api Twotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/ant-design/api-twotone.svg" alt="Api Twotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。