cracking face emoji
cracking-face from OpenMoji by OpenMoji · Default · Smileys Emotion · CC-BY-SA-4.0 Attribution required.
- Name
- cracking-face
- Set
- OpenMoji
- Style
- Default
- Category
- Smileys Emotion
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More smileys emotion icons from OpenMoji
alienalien-monsteranger-symbolangry-faceangry-face-with-hornsanguished-faceanxious-face-with-sweatastonished-facebeaming-face-with-smiling-eyesbeating-heartblack-heartblue-heartbroken-heartbrown-heartcat-with-tears-of-joycat-with-wry-smileclown-facecold-facecollisionconfounded-faceconfused-facecowboy-hat-facecrying-catcrying-face
Use the cracking face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
React
import type { SVGProps } from "react";
export function OpenmojiCrackingFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="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" strokeLinecap="round" strokeLinejoin="round" strokeWidth="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>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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> </template>
CSS
.icon-cracking-face {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22m41%2051.9l-3%204v2.91c-.08.01-.17.02-.26.02c-.57.05-1.15.07-1.74.07c-.68%200-2.934-.552-2.934-.552L34%2055.9l3-3l-.82-.66L32%2048.9l1-10l2.17%209.11zm-2-20l1-13l-2.21-.28L32%2017.9l-.208-4.756S34.91%2012.9%2036%2012.9l-1%203l2.58.37l4.42.63zm19.768.24l-3.298.52l-.47.24l-5-2l-1%2010l-1-13l7%202l2.7-1.62c.13.36.25.73.35%201.1c.18.58.718%202.76.718%202.76%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M58.97%2036.9C58.48%2048.47%2049.43%2057.83%2038%2058.81V55.9l3-4l-5.83-3.89L33%2038.9l-8%2010l4%203l-4.48%203.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%204.67l-.26.92l-1.16-.93c-.48-1.85-.74-3.8-.74-5.81c0-7.53%203.62-14.22%209.22-18.42L26%2018.9v6l8-1l5%208l3-15l-4.42-.63L35%2015.9l1-3c.43%200%20.86.01%201.28.04c9.47.52%2017.42%206.77%2020.42%2015.34L55%2029.9l-7-2l1%2013l4-4z%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22m23.86%2036.13l-5.94%203.82l-1.28%206.37l-1.6-.95c-.53-1.17-.97-2.39-1.3-3.66l1.16.93l.26-.92l1.31-4.67z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m33%2038.9l-8%2010l4%203l-4.48%203.92C17.63%2051.86%2013%2044.42%2013%2035.9c0-7.53%203.62-14.22%209.22-18.42h.01L26%2018.9v6l8-1l5%208m10%209l4-4h5.97c-.52%2012.24-10.61%2022-22.97%2022c-.68%200-1.34-.03-2-.09m-1.21-45.68c1.05-.15%202.12-.23%203.21-.23c11.07%200%2020.32%207.83%2022.5%2018.25%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M45.815%2044.83A19.9%2019.9%200%200%201%2036%2047.4c-1.304%200-2.58-.126-3.814-.364%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.145%22%20d%3D%22M27.518%2045.516a24%2024%200%200%201-1.514-.696%22%2F%3E%3Cpath%20d%3D%22M30%2030.9a3.001%203.001%200%200%201-6%200c0-1.655%201.345-3%203-3s3%201.345%203%203m18%200a3.001%203.001%200%200%201-6%200c0-1.655%201.345-3%203-3s3%201.345%203%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2072%2072%22%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22m41%2051.9l-3%204v2.91c-.08.01-.17.02-.26.02c-.57.05-1.15.07-1.74.07c-.68%200-2.934-.552-2.934-.552L34%2055.9l3-3l-.82-.66L32%2048.9l1-10l2.17%209.11zm-2-20l1-13l-2.21-.28L32%2017.9l-.208-4.756S34.91%2012.9%2036%2012.9l-1%203l2.58.37l4.42.63zm19.768.24l-3.298.52l-.47.24l-5-2l-1%2010l-1-13l7%202l2.7-1.62c.13.36.25.73.35%201.1c.18.58.718%202.76.718%202.76%22%2F%3E%3Cpath%20fill%3D%22%23fcea2b%22%20d%3D%22M58.97%2036.9C58.48%2048.47%2049.43%2057.83%2038%2058.81V55.9l3-4l-5.83-3.89L33%2038.9l-8%2010l4%203l-4.48%203.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%204.67l-.26.92l-1.16-.93c-.48-1.85-.74-3.8-.74-5.81c0-7.53%203.62-14.22%209.22-18.42L26%2018.9v6l8-1l5%208l3-15l-4.42-.63L35%2015.9l1-3c.43%200%20.86.01%201.28.04c9.47.52%2017.42%206.77%2020.42%2015.34L55%2029.9l-7-2l1%2013l4-4z%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20d%3D%22m23.86%2036.13l-5.94%203.82l-1.28%206.37l-1.6-.95c-.53-1.17-.97-2.39-1.3-3.66l1.16.93l.26-.92l1.31-4.67z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22m33%2038.9l-8%2010l4%203l-4.48%203.92C17.63%2051.86%2013%2044.42%2013%2035.9c0-7.53%203.62-14.22%209.22-18.42h.01L26%2018.9v6l8-1l5%208m10%209l4-4h5.97c-.52%2012.24-10.61%2022-22.97%2022c-.68%200-1.34-.03-2-.09m-1.21-45.68c1.05-.15%202.12-.23%203.21-.23c11.07%200%2020.32%207.83%2022.5%2018.25%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%20d%3D%22M45.815%2044.83A19.9%2019.9%200%200%201%2036%2047.4c-1.304%200-2.58-.126-3.814-.364%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222.145%22%20d%3D%22M27.518%2045.516a24%2024%200%200%201-1.514-.696%22%2F%3E%3Cpath%20d%3D%22M30%2030.9a3.001%203.001%200%200%201-6%200c0-1.655%201.345-3%203-3s3%201.345%203%203m18%200a3.001%203.001%200%200%201-6%200c0-1.655%201.345-3%203-3s3%201.345%203%203%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/cracking-face.svg?color=%231a73e8&size=48
