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 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 コードをページに直接貼り付けます。