Zoro To アイコン
arcticons:zoro-to
Zoro To アイコン(arcticons:zoro-to)は、Arcticons セットの無料 SVG アイコンです(作者: Donnnno)。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Arcticons
- 作者
- Donnnno
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 48 × 48
- タグ
- zoroto
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><circle cx="23.978" cy="22.389" r="13.589"/><path d="M23.978 32.106a38 38 0 0 0-5.183.37a12.25 12.25 0 0 0 5.183 1.18a12.25 12.25 0 0 0 5.197-1.186a38 38 0 0 0-5.197-.364m0-23.305a13.59 13.59 0 0 0-12.544 8.43a36.9 36.9 0 0 0 12.544 2.3a36.9 36.9 0 0 0 12.567-2.31a13.59 13.59 0 0 0-12.567-8.42M35.02 20.45a36 36 0 0 1-11.042 1.734c-3.845 0-7.546-.61-11.02-1.727a11 11 0 0 0-.226 2.113a11.2 11.2 0 0 0 3.179 7.771a36 36 0 0 1 8.067-.94c2.721.003 5.43.318 8.077.93a11.2 11.2 0 0 0 3.17-7.761q-.002-1.07-.206-2.12m-20.572.45v7.582m3.773-6.767v8.155m3.773-7.74v7.326m11.318-8.502v7.831m-3.772-7.032v8.085m-3.773-7.708v7.315"/><path d="M12.953 24.738s7.343.693 11.025.693s11.025-.693 11.025-.693m-3.551 11.175l-1.39-1.285M11.455 17.222a214 214 0 0 1-3.143-3.056c-6.215-6.215-1.776-8.99-1.776-8.99l8.006 7.502m19.796 18.548l.785.736m2.627 2.461l4.681 4.387l-3.487 4.014s-1.863-1.713-4.69-4.323m-4.687-.538l7.549-8.014l2.38 2.39l-7.097 8.046zM10.377 21.71H5.153v3.026h5.374m26.836 0h1.78c3.66 0 3.66-3.027 3.66-3.027H37.58m-32.427.001l4.089 2.935m-4.089.091l4.159-3.027m7.237 14.204l1.389-1.285m18.607-17.406a214 214 0 0 0 3.143-3.057c6.215-6.214 1.776-8.989 1.776-8.989l-8.006 7.502M13.662 31.226l-.785.736m-2.627 2.46L5.57 38.81l3.487 4.014s1.863-1.712 4.69-4.322m4.687-.54l-7.55-8.013l-2.38 2.39l7.097 8.046z"/></g></svg>Zoro To アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:zoro-to" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:zoro-to" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:zoro-to" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--zoro-to]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:zoro-to"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:zoro-to"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/zoro-to.svg" alt="Zoro To アイコン" width="24" height="24">Zoro To アイコン のよくある質問
Zoro To アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Zoro To アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:zoro-to" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zoro To アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/zoro-to.svg" alt="Zoro To アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。