ICONYZ
日本語
Twitter Emoji の Shovel アイコン

Shovel アイコン

twemoji:shovel

Shovel アイコン(twemoji:shovel)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Twitter Emoji
作者
Twitter
ライセンス
CC-BY-4.0
サイズ
36 × 36
カテゴリ
物
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#e59438" d="M27.46 12.21L12.73 26.94a2.76 2.76 0 0 1-3.88.12A2.76 2.76 0 0 1 9 23.18L23.7 8.45"/><path fill="#69757e" d="M35.25 5.48L30.5.72a2.57 2.57 0 0 0-3.5 0l-.53.53a6.07 6.07 0 0 0-1.62 6.05l-2.17 2.17l3.76 3.76l2.13-2.12a6 6 0 0 0 1.3.28a5 5 0 0 0 .57 0a5.86 5.86 0 0 0 4.15-1.72l.66-.67A2.5 2.5 0 0 0 36 7.25a2.46 2.46 0 0 0-.75-1.77M32.59 7.7a3 3 0 0 1-2.45.88a3.08 3.08 0 0 1-2.27-1.37a3.2 3.2 0 0 1 .54-4l.32-.31L33 7.25zM13.55 22.45a20 20 0 0 1-1.79-2.05l-3.14 3.13a2.75 2.75 0 0 0-.11 3.88a2.75 2.75 0 0 0 3.87-.12l3.13-3.12a21 21 0 0 1-1.96-1.72"/><path fill="#8a97a4" d="M18.51 26.06a19 19 0 0 1-5-3.61a19.1 19.1 0 0 1-3.57-4.95a1 1 0 0 0-1.59-.26l-5.08 5.08C-1 26.56-.08 31.86.55 34.07a2 2 0 0 0 1.38 1.38c2.21.63 7.51 1.52 11.75-2.72l5.08-5.08a1 1 0 0 0-.25-1.59"/><path fill="#69757e" d="m17.39 22.28l-3.76-3.76L9 23.18a2.76 2.76 0 0 0-.12 3.88a2.76 2.76 0 0 0 3.88-.12z"/></svg>

Shovel アイコンの使い方

React

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

<Icon icon="twemoji:shovel" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:shovel" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:shovel" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="twemoji:shovel"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/twemoji/shovel.svg" alt="Shovel アイコン" width="24" height="24">

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

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

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

はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Twitter Emoji アイコン をすべて見る →