ICONYZ
日本語
SmartIcons Glyph の Caterpillar Machine アイコン

Caterpillar Machine アイコン

si-glyph:caterpillar-machine

Caterpillar Machine アイコン(si-glyph:caterpillar-machine)は、SmartIcons Glyph セットの無料 SVG アイコンです(作者: SmartIcons)。 16 × 24 のグリッドで描かれています。 SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
SmartIcons Glyph
作者
SmartIcons
ライセンス
CC-BY-SA-4.0
サイズ
16 × 24
タグ
caterpillarmachine
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="16" height="24" viewBox="0 0 16 24"><g fill="currentColor" fill-rule="evenodd"><path d="M13.017 10.012a1.98 1.98 0 0 0-1.983 1.97c0 1.087.89 1.97 1.983 1.97a1.977 1.977 0 0 0 1.981-1.97c0-1.087-.889-1.97-1.981-1.97m-6.033.05c-1.09 0-1.979.865-1.979 1.934c0 1.066.889 1.934 1.979 1.934c1.094 0 1.98-.867 1.98-1.934c.001-1.068-.886-1.934-1.98-1.934M3.276 6.496c0 1.379-1.837 2.496-3.276 2.496L.67 4c1.439 0 2.606 1.117 2.606 2.496"/><path d="M6.155 8.625L1.509 6.82l.414-1.361l4.645 1.805z"/><path d="M15.225 7.9c.031-.133-.267-.271-.267-.414V3.889c0-1.013-.501-1.836-1.507-1.836H9.16a1.83 1.83 0 0 0-1.824 1.836l-.672 3.597l.002.014c-.835.24-1.371.801-1.371 1.846c0 .044.008.083.009.127a3 3 0 0 1 1.681-.51a3.01 3.01 0 0 1 2.971 2.506c.027.119.044.227.052.312a3.016 3.016 0 0 1 3.011-2.811c1.227 0 2.28.731 2.756 1.776c.146-.407.173-.886.173-1.401c-.002-.665-.286-1.128-.723-1.445m-4.172-.838H8.938V3.355c0-.288.105-.4.234-.4h1.645c.13 0 .236.112.236.4zm2.965-1.003h-2.059V2.938h2.059z"/></g></svg>

Caterpillar Machine アイコンの使い方

React

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

<Icon icon="si-glyph:caterpillar-machine" width="24" />

Vue

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

<template>
  <Icon icon="si-glyph:caterpillar-machine" width="24" />
</template>

Svelte

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

<Icon icon="si-glyph:caterpillar-machine" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[si-glyph--caterpillar-machine]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/si-glyph -->
<div class="i-si-glyph:caterpillar-machine"></div>

Web コンポーネント

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

<iconify-icon icon="si-glyph:caterpillar-machine"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/si-glyph/caterpillar-machine.svg" alt="Caterpillar Machine アイコン" width="24" height="24">

Caterpillar Machine アイコン のよくある質問

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

はい。SmartIcons Glyph icons は CC BY SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

SmartIcons Glyph アイコン をすべて見る →