Screwdriver アイコン
twemoji:screwdriver
Screwdriver アイコン(twemoji:screwdriver)は、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 xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#99aab5" d="m5.597 7.805l11.647 11.646l2.207-2.207L7.805 5.597L7 3L3 1L1 3l2 4z"/><path fill="#e1e8ed" d="M17.289 17.333L8.035 8.079c-.458-.457-.637-1.026-.399-1.264c.239-.238.807-.059 1.264.398l9.254 9.254c.457.457.636 1.026.398 1.264c-.237.238-.806.059-1.263-.398"/><path fill="#dd2e44" d="m16.33 20.744l4.414-4.414a1.834 1.834 0 0 1 2.586 0l10.964 10.964a1.834 1.834 0 0 1 0 2.586l-4.414 4.414a1.834 1.834 0 0 1-2.586 0L16.33 23.33a1.834 1.834 0 0 1 0-2.586m-2.263-1.616l5.061-5.061a1.376 1.376 0 0 1 1.939 0a1.376 1.376 0 0 1 0 1.939l-5.061 5.061a1.376 1.376 0 0 1-1.939 0a1.376 1.376 0 0 1 0-1.939"/><path fill="#ea596e" d="m15.832 17.947l3.338-3.338c.457-.457 1.026-.636 1.264-.398s.059.807-.398 1.264l-3.338 3.338c-.457.457-1.026.636-1.264.398c-.239-.238-.059-.807.398-1.264"/><path fill="#a0041e" d="M22.037 17.623a.916.916 0 0 1 1.293 0l9.672 9.672a.916.916 0 0 1 0 1.293a.916.916 0 0 1-1.293 0l-9.672-9.672a.916.916 0 0 1 0-1.293m-4.414 4.414a.916.916 0 0 1 1.293 0l9.672 9.672a.916.916 0 0 1 0 1.293a.916.916 0 0 1-1.293 0l-9.672-9.672a.916.916 0 0 1 0-1.293m1.639-2.932c.356-.356.97-.323 1.364.072l10.632 10.632c.395.395.427 1.009.072 1.364c-.356.356-.97.323-1.364-.072L19.333 20.469c-.395-.395-.427-1.009-.071-1.364"/><path fill="#66757f" d="M3.155 1.078h-.233l-1.87 1.87l.004.166l.324.646l2.38-2.38z"/><path fill="#e1e8ed" d="m2.147 3.573l1.648-1.649L6.558 3.35L4.33 5.518z"/></svg>
Screwdriver アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:screwdriver" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:screwdriver" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:screwdriver" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--screwdriver]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:screwdriver"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:screwdriver"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/screwdriver.svg" alt="Screwdriver アイコン" width="24" height="24">
他のアイコンセットの Screwdriver アイコン
Screwdriver アイコン のよくある質問
Screwdriver アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Screwdriver アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:screwdriver" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Screwdriver アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/screwdriver.svg" alt="Screwdriver アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
