Cracking Face icon
openmoji:cracking-face
The Cracking Face icon (openmoji:cracking-face) is a free SVG icon from the OpenMoji set. It is drawn on a 72 × 72 grid. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- OpenMoji
- Author
- OpenMoji
- License
- CC-BY-SA-4.0
- Size
- 72 × 72
- Category
- Smileys Emotion
- Tags
- crackingface
SVG code
<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>How to use the Cracking Face icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/openmoji/cracking-face.svg" alt="Cracking Face icon" width="24" height="24">Cracking Face icon in other icon sets
Cracking Face icon FAQ
Is the Cracking Face icon free for commercial use?
Yes. OpenMoji icons are released under the CC BY-SA 4.0 license, which allows use in personal and commercial projects as long as you credit the author and share changes to the icons under the same license.
How do I use the Cracking Face icon in React?
Install @iconify/react and render <Icon icon="openmoji:cracking-face" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Cracking Face icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/openmoji/cracking-face.svg" alt="Cracking Face icon">, or paste the SVG code inline to style it with CSS.