Bone アイコン
twemoji:bone
Bone アイコン(twemoji:bone)は、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="#ffe8b6" d="M34.345 24.615c-1.582-.977-4.292.715-5.675-.668c-.877-.877-7.984-8.516-11.111-11.493S10.937 6.8 10.12 6.065c-.477-.429 1.076-3.55-.238-4.864C8.488-.192 6.566-.348 5.173 1.045c-.856.855-.461 2.285-1.062 2.683s-2.212.59-3.066 1.445c-1.393 1.392-1.191 3.683.396 4.85c1.621 1.192 4.053-.095 5.007.191c1.301.39 4.734 4.223 9.347 8.822c4.303 4.29 7.882 9.171 8.25 9.585c.763.858-1.478 3.767.668 6.152c1.318 1.464 3.71 1.489 5.103.095c.856-.854.806-3.721 1.574-4.292s2.53-.051 3.386-.906c1.391-1.392 1.19-4.053-.431-5.055"/><path fill="#f2c994" d="M5.113 3.013C5.208 1.868 6.544.295 8.022.438s2.003 1.669 1.86 2.48s-.382 1.573-.478 2.193s-.143 1.097 1.097 2.003s11.397 10.157 13.734 12.971s3.72 4.578 4.673 4.816c.954.238 1.812.143 2.718 0c.847-.134 2.847-.575 3.729.885c-.227-.475-.557-.891-1.01-1.171c-1.582-.977-4.292.715-5.675-.668c-.877-.877-7.984-8.516-11.111-11.493s-6.622-5.655-7.439-6.39c-.477-.429 1.076-3.55-.238-4.864C8.488-.192 6.566-.348 5.173 1.045c-.856.855-.461 2.285-1.062 2.683c-.14.093-.34.175-.568.257c.953-.055 1.494-.06 1.57-.972"/><path fill="#d99e82" d="M35.537 27.953c-.143 1.24-2.48 2.146-3.958 1.669c-.873-.282-1.717-.143-1.621.763c.095.906.238 2.241-.286 3.29c-.477.954-2.48 1.431-3.767.525c-1.186-.835-1.383-2.957-.858-3.958s.572-1.669-.668-3.195c-.628-.773-4.109-4.765-8.011-8.87c-3.801-3.998-7.593-7.828-8.393-8.393c-1.623-1.144-2.466-.662-3.625-.381c-1.574.381-3.1-.715-3.386-1.431c-.255-.639-.228-2.13.243-2.933c-.054.045-.113.085-.162.134c-1.393 1.392-1.191 3.683.396 4.85c1.621 1.192 4.053-.095 5.007.191c1.301.39 4.734 4.223 9.347 8.822c4.303 4.29 7.882 9.171 8.25 9.585c.763.858-1.478 3.767.668 6.152c1.318 1.464 3.71 1.489 5.103.095c.855-.854.806-3.721 1.574-4.292c.767-.571 2.53-.051 3.386-.906c.558-.557.848-1.317.906-2.093c-.065.026-.118.142-.145.376"/></svg>
Bone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:bone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:bone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:bone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--bone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:bone"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:bone"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/bone.svg" alt="Bone アイコン" width="24" height="24">
Bone アイコン のよくある質問
Bone アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Bone アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:bone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/bone.svg" alt="Bone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Twitter Emoji アイコン をすべて見る →
ICONYZ
