Yolcu360 アイコン
arcticons:yolcu360
Yolcu360 アイコン(arcticons:yolcu360)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="21.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17 34.394c.457.383.951.559 2.06.559h.258c.914 0 1.655-.742 1.655-1.656h0c0-.914-.741-1.655-1.655-1.655"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17 28.883c.458-.382.952-.556 2.06-.553l.258.002c.914 0 1.655.74 1.655 1.655h0c0 .914-.741 1.655-1.655 1.655m-1.272 0h1.272"/><rect width="4.387" height="6.622" x="29.9" y="28.33" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2.194" ry="2.194"/><circle cx="25.53" cy="32.759" r="2.194" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.53 29.138c-.366-.479-.923-.808-1.846-.808h-.154a2.194 2.194 0 0 0-2.194 2.194v2.235"/><circle cx="37.186" cy="28.018" r="1.314" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.36 16.328v4.01a2.43 2.43 0 0 1-2.43 2.43h0a2.43 2.43 0 0 1-2.43-2.43v-4.01"/><rect width="4.86" height="6.439" x="16.785" y="16.328" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" rx="2.43" ry="2.43"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M33.64 16.328v4.01a2.43 2.43 0 0 0 2.43 2.43h0a2.43 2.43 0 0 0 2.43-2.43v-4.01m-14.316-3.281v9.72m7.08-1.224a2.43 2.43 0 0 1-2.11 1.224h0a2.43 2.43 0 0 1-2.43-2.43v-1.58a2.43 2.43 0 0 1 2.43-2.429h0c.9 0 1.688.49 2.107 1.22M14.36 20.337v5.71"/></svg>Yolcu360 アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:yolcu360" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:yolcu360" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:yolcu360" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--yolcu360]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:yolcu360"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:yolcu360"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/yolcu360.svg" alt="Yolcu360 アイコン" width="24" height="24">Yolcu360 アイコン のよくある質問
Yolcu360 アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Yolcu360 アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:yolcu360" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Yolcu360 アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/yolcu360.svg" alt="Yolcu360 アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。