Truck アイコン

Q: Truck アイコンは商用利用でも無料ですか?

はい。Prime Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

prime:truck

Truck アイコン(prime:truck)は、Prime Icons セットの無料 SVG アイコンです（作者: PrimeTek）。 24 × 24 のグリッドで描かれています。 Prime Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Prime Icons
作者: PrimeTek
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M17.5 6.75h-2V6c0-.96-.79-1.75-1.75-1.75H4.5c-.96 0-1.75.79-1.75 1.75v9c0 .96.79 1.75 1.75 1.75h.28c.13 1.67 1.52 3 3.22 3s3.09-1.33 3.22-3h1.55c.13 1.67 1.52 3 3.22 3s3.09-1.33 3.22-3h.28c.96 0 1.75-.79 1.75-1.75v-4.5c0-2.07-1.68-3.75-3.75-3.75ZM4.25 15V6c0-.14.11-.25.25-.25h9.25c.14 0 .25.11.25.25v7.94s-.05.06-.08.08q-.225.195-.42.42c-.04.05-.08.09-.11.14a3 3 0 0 0-.38.66h-2v-.01a3 3 0 0 0-.27-.49c-.03-.04-.06-.08-.09-.13c-.08-.12-.17-.22-.27-.33c-.04-.04-.07-.08-.11-.12c-.13-.12-.26-.23-.4-.33c-.02-.01-.03-.03-.05-.04c-.15-.1-.31-.18-.47-.26c-.06-.03-.12-.05-.18-.07c-.13-.05-.25-.09-.38-.12c-.06-.01-.12-.03-.18-.04a2.9 2.9 0 0 0-1.18 0c-.06.01-.12.03-.18.04c-.13.03-.26.07-.38.12c-.06.02-.12.04-.18.07c-.16.07-.32.16-.47.26c-.02.01-.03.02-.05.04c-.14.1-.28.21-.4.33c-.04.04-.08.08-.11.12q-.15.15-.27.33c-.03.04-.06.08-.09.13c-.1.16-.19.32-.27.49v.01h-.5c-.14 0-.25-.11-.25-.25ZM8 18.25c-.96 0-1.75-.79-1.75-1.75a1.7 1.7 0 0 1 .24-.85c.01-.03.03-.05.04-.08c.09-.14.2-.27.33-.38c.03-.02.05-.04.08-.06c.13-.1.28-.19.44-.25c.02 0 .05-.02.08-.02c.17-.06.36-.1.55-.1s.37.04.55.1c.03 0 .05.01.08.02c.16.06.31.15.44.25c.03.02.05.04.08.06c.13.11.24.24.33.38c.02.02.03.05.04.08c.09.16.16.32.2.5c.02.11.04.23.04.35c0 .96-.79 1.75-1.75 1.75Zm8 0c-.96 0-1.75-.79-1.75-1.75c0-.12.01-.24.04-.35c.03-.12.06-.24.11-.35v-.02c.05-.1.1-.2.17-.29c.01-.02.03-.03.04-.05a2 2 0 0 1 .19-.22c.02-.02.04-.03.06-.05c.07-.06.15-.12.23-.17c.02-.01.05-.03.08-.04c.09-.05.19-.09.29-.12c.04-.01.08-.03.13-.04c.13-.03.27-.05.41-.05c.19 0 .37.04.55.1c.03 0 .05.01.08.02c.16.06.31.15.44.25c.03.02.05.04.08.06c.13.11.24.24.33.38c.02.02.03.05.04.08c.09.16.16.32.2.5c.02.11.04.23.04.35c0 .96-.79 1.75-1.75 1.75Zm-.5-7v-3h2c1.24 0 2.25 1.01 2.25 2.25v.75z"/></svg>

Truck アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="prime:truck" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="prime:truck" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="prime:truck" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[prime--truck]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/prime -->
<div class="i-prime:truck"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="prime:truck"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/prime/truck.svg" alt="Truck アイコン" width="24" height="24">

他のアイコンセットの Truck アイコン

Truck アイコンのよくある質問

Truck アイコンは商用利用でも無料ですか?

はい。Prime Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Truck アイコンを使うには?

@iconify/react をインストールして <Icon icon="prime:truck" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Truck アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/prime/truck.svg" alt="Truck アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Prime Icons をすべて見る →