Cracking Face アイコン
openmoji:cracking-face
Cracking Face アイコン(openmoji:cracking-face)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- OpenMoji
- 作者
- OpenMoji
- ライセンス
- CC-BY-SA-4.0
- サイズ
- 72 × 72
- カテゴリ
- スマイリー・感情
- タグ
- crackingface
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#b1cc33" d="m41 51.9l-3 4v2.91c-.08.01-.17.02-.26.02c-.57.05-1.15.07-1.74.07c-.68 0-2.934-.552-2.934-.552L34 55.9l3-3l-.82-.66L32 48.9l1-10l2.17 9.11zm-2-20l1-13l-2.21-.28L32 17.9l-.208-4.756S34.91 12.9 36 12.9l-1 3l2.58.37l4.42.63zm19.768.24l-3.298.52l-.47.24l-5-2l-1 10l-1-13l7 2l2.7-1.62c.13.36.25.73.35 1.1c.18.58.718 2.76.718 2.76"/><path fill="#fcea2b" d="M58.97 36.9C58.48 48.47 49.43 57.83 38 58.81V55.9l3-4l-5.83-3.89L33 38.9l-8 10l4 3l-4.48 3.92c-4.16-2.39-7.5-6.05-9.48-10.45l1.6.95l1.28-6.37l5.94-3.82l-7.39.92l-1.31 4.67l-.26.92l-1.16-.93c-.48-1.85-.74-3.8-.74-5.81c0-7.53 3.62-14.22 9.22-18.42L26 18.9v6l8-1l5 8l3-15l-4.42-.63L35 15.9l1-3c.43 0 .86.01 1.28.04c9.47.52 17.42 6.77 20.42 15.34L55 29.9l-7-2l1 13l4-4z"/><path fill="#b1cc33" d="m23.86 36.13l-5.94 3.82l-1.28 6.37l-1.6-.95c-.53-1.17-.97-2.39-1.3-3.66l1.16.93l.26-.92l1.31-4.67z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="m33 38.9l-8 10l4 3l-4.48 3.92C17.63 51.86 13 44.42 13 35.9c0-7.53 3.62-14.22 9.22-18.42h.01L26 18.9v6l8-1l5 8m10 9l4-4h5.97c-.52 12.24-10.61 22-22.97 22c-.68 0-1.34-.03-2-.09m-1.21-45.68c1.05-.15 2.12-.23 3.21-.23c11.07 0 20.32 7.83 22.5 18.25"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M45.815 44.83A19.9 19.9 0 0 1 36 47.4c-1.304 0-2.58-.126-3.814-.364"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="2.145" d="M27.518 45.516a24 24 0 0 1-1.514-.696"/><path d="M30 30.9a3.001 3.001 0 0 1-6 0c0-1.655 1.345-3 3-3s3 1.345 3 3m18 0a3.001 3.001 0 0 1-6 0c0-1.655 1.345-3 3-3s3 1.345 3 3"/></svg>Cracking Face アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:cracking-face" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:cracking-face" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:cracking-face" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--cracking-face]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:cracking-face"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:cracking-face"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/cracking-face.svg" alt="Cracking Face アイコン" width="24" height="24">他のアイコンセットの Cracking Face アイコン
Cracking Face アイコン のよくある質問
Cracking Face アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Cracking Face アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:cracking-face" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cracking Face アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/cracking-face.svg" alt="Cracking Face アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。