Ninja アイコン
twemoji:ninja
Ninja アイコン(twemoji:ninja)は、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="#42484c" d="m1.072 17.668l2.048-1.434l6.31 9.011l-2.048 1.434z"/><path fill="#66757f" d="M3.897 16.909L1.44 18.63a.501.501 0 0 1-.573-.819l2.457-1.721a.501.501 0 0 1 .573.819m6.555 7.618l-4.096 2.868a.501.501 0 0 1-.573-.819l4.096-2.868a.501.501 0 0 1 .573.819"/><path d="m6.971 26.966l2.868-2.008L15 32.331l-2.867 2.008zm-4.752-7.66l2.048-1.434l.573.82l-2.048 1.433zm1.147 1.638l2.048-1.434l.573.82l-2.048 1.434zm1.147 1.639l2.048-1.434l.574.82l-2.048 1.434zm1.147 1.639l2.048-1.434l.574.819l-2.048 1.434z"/><path fill="#292f33" d="M23.35 20.14s3.921 3.102 2.223 6.86c.001 0-4.541-2.318-2.223-6.86"/><path d="M25.967 25.593c.191-1.638-.552-3.065-1.296-4.05a9 9 0 0 0-1.667-.602c-.04.111-.061.215-.093.324c.139 2.639 1.694 3.814 3.056 4.328"/><path fill="#292f33" d="M23 20s4.905.968 5.112 5.086c0 0-5.099.013-5.112-5.086m9 16v-2c0-3.314-2.685-6-6-6H10a6 6 0 0 0-6 6v2z"/><path fill="#292f33" d="M12.799 26.751h10.403V31H12.799z"/><path fill="#292f33" d="M14 27h8s-1.018 7-4 7s-4-7-4-7"/><path fill="#292f33" d="M13.64 30.038c1.744 1.268 2.848 1.963 4.36 1.963s2.615-.696 4.359-1.963v-5.749h-8.72z"/><path d="M13.632 25.973c1.216 1.374 2.724 1.746 4.364 1.746s3.146-.373 4.363-1.746v-3.491h-8.728v3.491z"/><path fill="#292f33" d="M11.444 15.936c0 1.448-.734 2.622-1.639 2.622s-1.639-1.174-1.639-2.622s.734-2.623 1.639-2.623c.905-.001 1.639 1.174 1.639 2.623m16.389 0c0 1.448-.733 2.622-1.639 2.622c-.905 0-1.639-1.174-1.639-2.622s.733-2.623 1.639-2.623c.906-.001 1.639 1.174 1.639 2.623"/><path fill="#292f33" d="M9.477 16.54C9.477 9 12 5 18 5s8.522 4 8.522 11.54c0 5.821-3.815 10.54-8.522 10.54s-8.523-4.719-8.523-10.54"/><path fill="#66757f" d="M11 28c0 1 1 3 3 5c1.581 1.581 2.719 3 2.719 3c.797-.005 1.9-.004 2.73-.001c-.891-2.02-2.477-3.471-3.279-4.273C15.17 30.726 13 29 13 27c0-1-2 1-2 1"/><path fill="#292f33" d="m16.719 36l2.724-.001c-.512-1.161-1.251-2.127-1.94-2.897a12 12 0 0 0-1.405 2.16c.388.449.621.738.621.738"/><path fill="#66757f" d="M25 28c0 1-1 3-3 5c-1.581 1.581-2.5 3-2.5 3c-.902-.004-1.418-.002-3 0c.891-2.02 2.528-3.472 3.33-4.274C20.83 30.726 23 29 23 27c0-1 2 1 2 1"/><path fill="#ffdc5d" d="M18 13.711c-2.995 0-8.116-2.044-7.064 1.98c.614 2.348 1.417 2.881 3.475 2.606c2.124-.283 1.991-1.016 3.495-1.016s1.56.733 3.684 1.016c2.058.274 2.861-.258 3.475-2.606c1.051-4.024-4.07-1.98-7.065-1.98"/><path fill="#662113" d="M14 17c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c0 .55-.45 1-1 1m8 0c-.55 0-1-.45-1-1v-1c0-.55.45-1 1-1s1 .45 1 1v1c0 .55-.45 1-1 1"/></svg>
Ninja アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:ninja" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:ninja" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:ninja" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--ninja]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:ninja"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:ninja"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/ninja.svg" alt="Ninja アイコン" width="24" height="24">
Ninja アイコン のよくある質問
Ninja アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Ninja アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:ninja" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Ninja アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/ninja.svg" alt="Ninja アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
