Itinerary アイコン
arcticons:itinerary
Itinerary アイコン(arcticons:itinerary)は、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"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M31 33.355v4.16h-9v-5.01l3.8 1.04c.26.07.53-.1.67-.39c.46.02.92.05 1.38.08c.07-.24.15-.48.22-.72zm-3.517-23.87v3.01H32v1h2l-2 6h5l-2.65 6.2c-6.58-1.9-13.18-3.72-17.77-4.84l-.58-1.36h5l-2-6h2v-1h4.517v-3.01m-2.517 0h7"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m20.69 28.675l.91.25c-.31-.08-.63.16-.73.55l-.27 1.02c-1.29-.34-2.58-.64-3.89-.92c-3.8-1.17-7.96-1.86-10.66-5.02c-1.75-2.05 1.01-2.02 2.76-3.11c1.17-.73 2.47-1.03 3.78-1.08c1.31-.04 2.64.17 3.86.46c.04 0 .08.02.13.03c4.59 1.12 11.19 2.94 17.77 4.84c2.12.61 4.24 1.23 6.28 1.84l-3.3 2.19l-7.42-.46z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M44 28.535v7.09c-3.12-.04-6.34-.29-8.58-1.03c-1.48-.4-2.95-.82-4.42-1.24c-.98-.28-1.95-.56-2.93-.83h0c.07-.25.14-.49.22-.74c-.41-.29-.83-.58-1.25-.86c0-.3-.15-.55-.38-.62l3.5.95l5.55.11l4.35-.65l2.09-2.73c.62.18 1.24.37 1.85.55"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M28.29 31.785c-.08.25-.15.49-.22.73h0c-.07.25-.15.48-.22.72c-.46-.03-.92-.06-1.38-.08c-.14.29-.41.46-.67.39l-3.8-1.04l-1.25-.34c-.3-.08-.47-.47-.36-.86l.21-.81l.27-1.02c.1-.39.43-.64.74-.55l5.04 1.37c.24.07.39.33.39.63c.42.28.84.57 1.25.86"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="m43.1 26.755l-.95 1.23l-2.09 2.73l-4.35.65l-5.55-.11l-3.5-.95l-5.06-1.38l-.91-.25l9.22.59l7.42.46l3.3-2.19l1.55-1.03z" opacity=".99"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M4 37.515c0 .001-.027.62.09 2.455H43.9c.138-1.824.09-2.455.09-2.455z"/></svg>Itinerary アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:itinerary" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:itinerary" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:itinerary" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--itinerary]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:itinerary"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:itinerary"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/itinerary.svg" alt="Itinerary アイコン" width="24" height="24">他のアイコンセットの Itinerary アイコン
Itinerary アイコン のよくある質問
Itinerary アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Itinerary アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:itinerary" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Itinerary アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/itinerary.svg" alt="Itinerary アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。