Dagger アイコン
twemoji:dagger
Dagger アイコン(twemoji:dagger)は、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="#9aaab4" d="M23.378 19.029C22.67 19.736 16.305 31.757.75 36c1.414-1.415 19.54-21.691 19.54-21.691z"/><path fill="#ccd6dd" d="M17.72 13.371C17.013 14.078 4.992 20.444.75 36l21.213-21.214z"/><path fill="#d99e82" d="M20.549 11.957c-.781.781-.655 2.174.283 3.112l.848.849c.938.937 2.33 1.063 3.112.282l7.778-7.778c.781-.781.654-2.174-.283-3.111l-.848-.848c-.938-.938-2.331-1.064-3.111-.283z"/><path fill="#bf6952" d="m28.892 12.1l-7.071-1.414l-1.271 1.271c-.133.133-.23.288-.311.452l6.954 1.391zm-7.212 3.818c.938.938 2.331 1.063 3.112.282l.826-.826l-5.328-1.065c.131.27.312.529.543.76zm8.911-5.518l1.7-1.699l-7.071-1.414l-1.7 1.699zm2.423-3.793a2.7 2.7 0 0 0-.727-1.297l-.848-.848a3 3 0 0 0-.325-.275l-2.11-.422c-.252.084-.483.22-.676.414l-1.242 1.242z"/><circle cx="31.858" cy="4.896" r="4" fill="#8a4633"/><path fill="#ffac33" d="M16.306 9.836a1.5 1.5 0 0 1 2.121 0l8.839 8.839a1.5 1.5 0 1 1-2.121 2.121l-8.839-8.839a1.5 1.5 0 0 1 0-2.121"/><circle cx="27.266" cy="20.796" r="2.5" fill="#ffac33"/><circle cx="16.306" cy="9.836" r="2.5" fill="#ffac33"/><circle cx="27.266" cy="20.796" r="1.5" fill="#ffcc4d"/><circle cx="16.306" cy="9.836" r="1.5" fill="#ffcc4d"/><path fill="#ffac33" d="M26.566 3.803a1.066 1.066 0 0 1 1.509 0l4.865 4.866a1.066 1.066 0 1 1-1.509 1.509l-4.865-4.866a1.066 1.066 0 0 1 0-1.509"/></svg>
Dagger アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:dagger" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:dagger" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:dagger" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--dagger]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:dagger"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:dagger"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/dagger.svg" alt="Dagger アイコン" width="24" height="24">
Dagger アイコン のよくある質問
Dagger アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Dagger アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:dagger" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Dagger アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/dagger.svg" alt="Dagger アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
