ICONYZ
日本語
Matita の Truck アイコン

Truck アイコン

matita:truck

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

アイコンセット
Matita
作者
matita.dev
ライセンス
MIT
サイズ
24 × 24
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.6"><path stroke-width="1.744" d="M5.35 17.91q-1.46-.09-2.93-.06q.21-6.1.17-12.21q5.73-.2 11.46-.09q-.39 6.29-.21 12.59q-2.55.04-5.09-.14"/><path stroke-width="1.392" d="M13.73 8.82q2.14.23 4.29.27q1.62 1.65 2.92 3.55q-.01 2.73.09 5.45q-1.39.06-2.76-.11"/><path d="M5.16 17.27c.06-.11.19-.47.34-.66s.36-.35.57-.48c.22-.12.46-.23.71-.29s.54-.1.79-.04c.25.05.48.24.71.39s.5.29.66.51c.17.22.25.52.33.8s.17.59.15.88s-.14.6-.28.86c-.14.27-.34.52-.56.72c-.23.2-.5.36-.78.48s-.6.23-.92.25c-.31.01-.66-.05-.95-.17c-.3-.12-.59-.32-.84-.54s-.51-.48-.66-.78s-.21-.67-.23-1.02c-.03-.34 0-.71.08-1.04c.09-.34.36-.81.43-.98"/><path stroke-width="1.808" d="M18.98 18.4c-.03.11-.09.48-.21.68c-.11.21-.31.39-.5.54c-.2.15-.43.27-.68.36c-.24.09-.51.17-.77.16c-.26 0-.55-.07-.79-.17c-.25-.11-.49-.26-.69-.44c-.19-.18-.36-.41-.47-.65s-.17-.52-.19-.78c-.03-.27-.02-.55.05-.81c.08-.26.21-.53.39-.75c.17-.22.4-.41.64-.56c.25-.15.53-.27.82-.34c.28-.07.62-.13.91-.09c.29.05.57.21.84.36c.28.14.59.29.79.51c.2.23.32.54.42.83c.09.29.16.61.15.92c-.01.3-.17.77-.2.92"/></g></svg>

Truck アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

Matita アイコン をすべて見る →