Tractor アイコン
twemoji:tractor
Tractor アイコン(twemoji:tractor)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 旅行・場所
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ccd6dd" d="M11 11h3v9h-3z"/><path fill="#77b255" d="M24 26.157C24 28.832 22.354 31 20.325 31H4.709c-2.029 0-3.488-1.565-3.258-3.494l.625-5.241c.23-1.93 1.992-3.808 3.928-4.199l14.628-3.21C22.496 14.413 24 16.219 24 18.893z"/><path fill="#292f33" d="M16.535 24.167C16.239 26.283 17.791 28 20 28h9c2.209 0 4-1.717 4-3.833V8.833C33 6.716 31.547 5 29.755 5h-7.303c-1.792 0-3.484 1.716-3.78 3.833z"/><path fill="#bbddf5" d="M18.245 25c-.135 1.104.65 2 1.755 2h9a2 2 0 0 0 2-2V11c0-1.104-.743-2-1.66-2h-7.473c-.917 0-1.771.896-1.906 2z"/><path fill="#77b255" d="M15 21h18v10H15z"/><path fill="#ffcc4d" d="M33 23H2l1-2h30z"/><circle cx="8" cy="31" r="4" fill="#292f33"/><circle cx="8" cy="31" r="2" fill="#ffcc4d"/><path fill="#77b255" d="M33 16v4l-10 9l-7-1l3-10l3-2z"/><path fill="#292f33" d="M18.222 26.111a8.89 8.89 0 0 1 8.889-8.889A8.89 8.89 0 0 1 36 26.111A8.89 8.89 0 0 1 27.111 35a8.89 8.89 0 0 1-8.889-8.889"/><path fill="#ffcc4d" d="M32.667 26.111a5.556 5.556 0 1 1-11.112 0a5.556 5.556 0 0 1 11.112 0"/><path fill="#ffe8b6" d="M30.444 26.111a3.333 3.333 0 1 1-6.667 0a3.333 3.333 0 1 1 6.667 0"/><path fill="#77b255" d="M32.588 7c-.552-1.187-1.606-2-2.833-2h-7.303c-1.227 0-2.395.813-3.112 2z"/><path fill="#f4900c" d="M29.333 26.111a2.222 2.222 0 1 1-4.444 0a2.222 2.222 0 0 1 4.444 0"/><circle cx="8" cy="31" r="1" fill="#f4900c"/><path fill="#66757f" d="M11 13h3v2h-3z"/><path fill="#5c913b" d="M16 28.75q-.142 0-.285-.041a1 1 0 0 1-.675-1.243l2-6.75C17.421 18.796 19.188 15 23 15h10a1 1 0 1 1 0 2H23c-3.144 0-4.011 4.154-4.02 4.196l-2.021 6.838a1 1 0 0 1-.959.716"/><path fill="#3e721d" d="M2.001 29q-.062 0-.125-.008a1 1 0 0 1-.868-1.116l1-8a1 1 0 1 1 1.984.248l-1 8a1 1 0 0 1-.991.876"/></svg>Tractor アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:tractor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:tractor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:tractor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--tractor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:tractor"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:tractor"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/tractor.svg" alt="Tractor アイコン" width="24" height="24">他のアイコンセットの Tractor アイコン
Tractor アイコン のよくある質問
Tractor アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Tractor アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:tractor" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Tractor アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/tractor.svg" alt="Tractor アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。