ICONYZ
日本語
Ant Design Icons の Truck Outlined アイコン

Truck Outlined アイコン

ant-design:truck-outlined

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

アイコンセット
Ant Design Icons
作者
HeskeyBaozi
ライセンス
MIT
サイズ
1024 × 1024
タグ
truckoutlined
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M608 192c17.673 0 32 14.327 32 32v160h174.815a32 32 0 0 1 26.676 14.327l113.186 170.846A32 32 0 0 1 960 586.846V672c0 17.673-14.327 32-32 32h-96c0 70.692-57.308 128-128 128s-128-57.308-128-128H384c0 70.692-57.308 128-128 128s-128-57.308-128-128H96c-17.673 0-32-14.327-32-32V224c0-17.673 14.327-32 32-32zM256 640c-35.346 0-64 28.654-64 64s28.654 64 64 64l1.058-.009C291.916 767.426 320 738.993 320 704c0-35.346-28.654-64-64-64m448 0c-35.346 0-64 28.654-64 64s28.654 64 64 64l1.058-.009C739.916 767.426 768 738.993 768 704c0-35.346-28.654-64-64-64M576 256H128v384h17.124c22.131-38.259 63.498-64 110.876-64s88.745 25.741 110.876 64H576zm221.629 192H640v145.124C658.829 582.234 680.687 576 704 576c47.378 0 88.745 25.741 110.876 64H896v-43.516zM500 448c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12H332c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12zM308 320c6.627 0 12 5.373 12 12v40c0 6.627-5.373 12-12 12H204c-6.627 0-12-5.373-12-12v-40c0-6.627 5.373-12 12-12z"/></svg>

Truck Outlined アイコンの使い方

React

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

<Icon icon="ant-design:truck-outlined" width="24" />

Vue

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

<template>
  <Icon icon="ant-design:truck-outlined" width="24" />
</template>

Svelte

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

<Icon icon="ant-design:truck-outlined" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="ant-design:truck-outlined"></iconify-icon>

HTML 画像

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

Ant Design Icons の関連アイコン

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

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

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

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

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

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

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

Ant Design Icons をすべて見る →