Bone Crack アイコン
reicon:bone-crack
Bone Crack アイコン(reicon:bone-crack)は、Reicon セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M18.23 2.207a3.26 3.26 0 0 1 .943 2.62a3.269 3.269 0 0 1 2.62 5.566c-.92.919-2.489 1.398-3.783 1.04a1.7 1.7 0 0 0-.577-.068c-.16.014-.234.06-.272.097l-5.7 5.7c-.037.037-.082.111-.096.271c-.015.163.01.366.068.577c.358 1.294-.121 2.864-1.04 3.782a3.269 3.269 0 0 1-5.566-2.619a3.27 3.27 0 0 1-2.62-5.566c.92-.919 2.489-1.398 3.783-1.04c.21.058.414.083.577.068c.16-.014.234-.06.272-.097l5.7-5.7c.037-.037.082-.111.096-.271a1.7 1.7 0 0 0-.068-.577c-.358-1.294.121-2.864 1.04-3.783a3.27 3.27 0 0 1 4.623 0m-3.562 1.061A1.769 1.769 0 1 1 17.17 5.77a.75.75 0 1 0 1.06 1.06a1.769 1.769 0 1 1 2.502 2.502c-.568.568-1.59.858-2.322.656a3.2 3.2 0 0 0-1.109-.117c-.397.035-.844.174-1.2.53l-1.395 1.394l-1.602.34v-.489a.75.75 0 0 0-.987-.711l-1.135.378v-.797L13.6 7.899c.356-.356.495-.803.53-1.2a3.2 3.2 0 0 0-.117-1.11c-.202-.732.088-1.753.656-2.32m-5.186 8.748L7.9 13.599c-.356.356-.803.495-1.2.53a3.2 3.2 0 0 1-1.11-.117c-.732-.202-1.753.088-2.32.656a1.769 1.769 0 1 0 2.5 2.502a.75.75 0 1 1 1.062 1.06a1.769 1.769 0 1 0 2.501 2.502c.568-.568.858-1.59.656-2.322a3.2 3.2 0 0 1-.117-1.109c.035-.397.174-.844.53-1.2l2.36-2.36l-.252.053a.75.75 0 0 1-.905-.733v-.374l-1.134.378a.75.75 0 0 1-.988-.711z" clip-rule="evenodd"/></svg>Bone Crack アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="reicon:bone-crack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="reicon:bone-crack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="reicon:bone-crack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[reicon--bone-crack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/reicon -->
<div class="i-reicon:bone-crack"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="reicon:bone-crack"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/reicon/bone-crack.svg" alt="Bone Crack アイコン" width="24" height="24">Reicon の関連アイコン
Bone Crack アイコン のよくある質問
Bone Crack アイコンは商用利用でも無料ですか?
はい。Reicon icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Bone Crack アイコンを使うには?
@iconify/react をインストールして <Icon icon="reicon:bone-crack" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Bone Crack アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/reicon/bone-crack.svg" alt="Bone Crack アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。