Drive Ahead アイコン
arcticons:drive-ahead
Drive Ahead アイコン(arcticons:drive-ahead)は、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
- タグ
- driveahead
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"><path d="M43.5 20.66a7.48 7.48 0 0 1-7.482 7.478c-4.133 0-7.483-3.348-7.483-7.478s3.35-7.479 7.483-7.479A7.48 7.48 0 0 1 43.5 20.66"/><path d="M39.51 20.66a3.493 3.493 0 1 1-6.985 0a3.493 3.493 0 0 1 6.986 0"/></g><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M24.61 32.875c0 4.13-3.35 7.478-7.482 7.478s-7.483-3.348-7.483-7.478s3.35-7.479 7.483-7.479s7.482 3.348 7.482 7.479"/><path d="M20.62 32.875a3.493 3.493 0 0 1-3.492 3.493h0a3.493 3.493 0 0 1-3.493-3.493h0a3.493 3.493 0 0 1 3.493-3.493h0a3.493 3.493 0 0 1 3.493 3.493"/></g><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m21.834 16.32l.548-2.95l-1.118-1.46l.627-1.563l4.293 1.33l5.814-4.03l3.446.695l1.534 2.312l-2.205 1.656l-1.072-1.277l-1.962-.43l-3.79 2.6l-2.125 5.396l1.597 2.32l-6.493 4.091l-5.91-2.575l-3.828 2.344l.041 2.252L9.7 28.184l-5.2-3.198l5.814-3.842l6.702-1.37l6.817-4.65l1.743-3.38"/><path d="m17.623 19.28l-5.438-3.38l-6.25 8.002"/></g><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="m20.093 12.397l-3.213 3.529l-2.554-.103l-1.418-1.33l.026-2.26l1.776-1.88l2.115-.1l.98.957l.954-.168z"/><path d="m16.825 10.253l-1.981 2.09l1.085.959h1.051l2.073-1.961m-.567 2.82l3.622.684m-6.505 1.029l-.7 1.717"/></g></svg>Drive Ahead アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:drive-ahead" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:drive-ahead" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:drive-ahead" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--drive-ahead]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:drive-ahead"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:drive-ahead"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/arcticons/drive-ahead.svg" alt="Drive Ahead アイコン" width="24" height="24">Arcticons の関連アイコン
Drive Ahead アイコン のよくある質問
Drive Ahead アイコンは商用利用でも無料ですか?
はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Drive Ahead アイコンを使うには?
@iconify/react をインストールして <Icon icon="arcticons:drive-ahead" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Drive Ahead アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/arcticons/drive-ahead.svg" alt="Drive Ahead アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。