dragon face emoji
dragon-face from OpenMoji by OpenMoji · Default · Animals Nature · CC-BY-SA-4.0 Attribution required.
- Name
- dragon-face
- Set
- OpenMoji
- Style
- Default
- Category
- Animals Nature
- Viewbox
- 72×72
- License
- CC BY-SA 4.0
The same emoji in other sets
More animals nature icons from OpenMoji
Use the dragon face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#5c9e31" stroke="#5c9e31" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.8" d="M51 33c8-4 8-9 8-9l-7 3c4-5 2-11 2-11c-2 4-5 5-5 5c-4-6-10-6-10-6l-3-4l-3 4c-6 0-10 6-10 6c-4-1-5-5-5-5c-1 9 3 11 3 11l-7-2c2 4 7 7 7 7c-3 2-6 1-6 1c3 5 7 5 7 5h28c7 0 8-5 8-5c-5 1-7 0-7 0"/><path fill="#b1cc33" stroke="#b1cc33" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M26 38s0-1 4.054-.929c0 0 5.947-3.964 11.893 0c0 0 4.053.947 4.053 2.929c0 0 4 3 1.894 5.992c0 0 0 3.964-5.946 7.929c0 0-3.965 1.982-11.894 0c0 0-7.267-6.07-6.054-10.921c1-4 2-5 2-5"/><path fill="#ea5a47" stroke="#ea5a47" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M34 49s0 10-2 11c0 0 4-1 4-5c0 0 1 4 4 5c0 0-3-7-2-11z"/><path fill="#fff" d="M31 46v4c-3-3-3-7-3-7s8 7 16 0c0 0 1 5-3 7v-4"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M31 46v4c-3-3-3-7-3-7s8 7 16 0c0 0 1 5-3 7v-4M27 23s7 2 9 8c0 0 2-7 10-8"/><circle cx="29" cy="30" r="2"/><circle cx="43" cy="30" r="2"/><circle cx="34" cy="39" r="1"/><circle cx="38" cy="39" r="1"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M34 49s0 10-2 11c0 0 4-1 4-5c0 0 1 4 4 5c0 0-3-7-2-11M22 38s-4 0-7-5c0 0 3 1 6-1c0 0-5-3-7-7l7 2s-4-2-3-11c0 0 1 4 5 5c0 0 4-6 10-6l3-4l3 4s6 0 10 6c0 0 3-1 5-5c0 0 2 6-2 11l7-3s0 5-8 9c0 0 2 1 7 0c0 0-1 5-8 5"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M25 39s-1-3 5-2c0 0 6-5 12 0c0 0 5-1 5 2m-18 1s-6-1-9 3s-6 4-8 2m31-5s6-1 9 3s6 4 8 2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M23.315 40.571S22 51 30 54m19.189-13.217S49 51 42 54m-11-8v4c-3-3-3-7-3-7s8 7 16 0c0 0 1 5-3 7v-4"/></svg>
React
import type { SVGProps } from "react";
export function OpenmojiDragonFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#5c9e31" stroke="#5c9e31" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="1.8" d="M51 33c8-4 8-9 8-9l-7 3c4-5 2-11 2-11c-2 4-5 5-5 5c-4-6-10-6-10-6l-3-4l-3 4c-6 0-10 6-10 6c-4-1-5-5-5-5c-1 9 3 11 3 11l-7-2c2 4 7 7 7 7c-3 2-6 1-6 1c3 5 7 5 7 5h28c7 0 8-5 8-5c-5 1-7 0-7 0"/><path fill="#b1cc33" stroke="#b1cc33" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M26 38s0-1 4.054-.929c0 0 5.947-3.964 11.893 0c0 0 4.053.947 4.053 2.929c0 0 4 3 1.894 5.992c0 0 0 3.964-5.946 7.929c0 0-3.965 1.982-11.894 0c0 0-7.267-6.07-6.054-10.921c1-4 2-5 2-5"/><path fill="#ea5a47" stroke="#ea5a47" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M34 49s0 10-2 11c0 0 4-1 4-5c0 0 1 4 4 5c0 0-3-7-2-11z"/><path fill="#fff" d="M31 46v4c-3-3-3-7-3-7s8 7 16 0c0 0 1 5-3 7v-4"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M31 46v4c-3-3-3-7-3-7s8 7 16 0c0 0 1 5-3 7v-4M27 23s7 2 9 8c0 0 2-7 10-8"/><circle cx="29" cy="30" r="2"/><circle cx="43" cy="30" r="2"/><circle cx="34" cy="39" r="1"/><circle cx="38" cy="39" r="1"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M34 49s0 10-2 11c0 0 4-1 4-5c0 0 1 4 4 5c0 0-3-7-2-11M22 38s-4 0-7-5c0 0 3 1 6-1c0 0-5-3-7-7l7 2s-4-2-3-11c0 0 1 4 5 5c0 0 4-6 10-6l3-4l3 4s6 0 10 6c0 0 3-1 5-5c0 0 2 6-2 11l7-3s0 5-8 9c0 0 2 1 7 0c0 0-1 5-8 5"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M25 39s-1-3 5-2c0 0 6-5 12 0c0 0 5-1 5 2m-18 1s-6-1-9 3s-6 4-8 2m31-5s6-1 9 3s6 4 8 2"/><path fill="none" stroke="#000" strokeLinecap="round" strokeLinejoin="round" strokeMiterlimit="10" strokeWidth="2" d="M23.315 40.571S22 51 30 54m19.189-13.217S49 51 42 54m-11-8v4c-3-3-3-7-3-7s8 7 16 0c0 0 1 5-3 7v-4"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 72 72"><path fill="#5c9e31" stroke="#5c9e31" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="1.8" d="M51 33c8-4 8-9 8-9l-7 3c4-5 2-11 2-11c-2 4-5 5-5 5c-4-6-10-6-10-6l-3-4l-3 4c-6 0-10 6-10 6c-4-1-5-5-5-5c-1 9 3 11 3 11l-7-2c2 4 7 7 7 7c-3 2-6 1-6 1c3 5 7 5 7 5h28c7 0 8-5 8-5c-5 1-7 0-7 0"/><path fill="#b1cc33" stroke="#b1cc33" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M26 38s0-1 4.054-.929c0 0 5.947-3.964 11.893 0c0 0 4.053.947 4.053 2.929c0 0 4 3 1.894 5.992c0 0 0 3.964-5.946 7.929c0 0-3.965 1.982-11.894 0c0 0-7.267-6.07-6.054-10.921c1-4 2-5 2-5"/><path fill="#ea5a47" stroke="#ea5a47" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M34 49s0 10-2 11c0 0 4-1 4-5c0 0 1 4 4 5c0 0-3-7-2-11z"/><path fill="#fff" d="M31 46v4c-3-3-3-7-3-7s8 7 16 0c0 0 1 5-3 7v-4"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M31 46v4c-3-3-3-7-3-7s8 7 16 0c0 0 1 5-3 7v-4M27 23s7 2 9 8c0 0 2-7 10-8"/><circle cx="29" cy="30" r="2"/><circle cx="43" cy="30" r="2"/><circle cx="34" cy="39" r="1"/><circle cx="38" cy="39" r="1"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M34 49s0 10-2 11c0 0 4-1 4-5c0 0 1 4 4 5c0 0-3-7-2-11M22 38s-4 0-7-5c0 0 3 1 6-1c0 0-5-3-7-7l7 2s-4-2-3-11c0 0 1 4 5 5c0 0 4-6 10-6l3-4l3 4s6 0 10 6c0 0 3-1 5-5c0 0 2 6-2 11l7-3s0 5-8 9c0 0 2 1 7 0c0 0-1 5-8 5"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M25 39s-1-3 5-2c0 0 6-5 12 0c0 0 5-1 5 2m-18 1s-6-1-9 3s-6 4-8 2m31-5s6-1 9 3s6 4 8 2"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M23.315 40.571S22 51 30 54m19.189-13.217S49 51 42 54m-11-8v4c-3-3-3-7-3-7s8 7 16 0c0 0 1 5-3 7v-4"/></svg> </template>
CSS
.icon-dragon-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%235c9e31%22%20stroke%3D%22%235c9e31%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.8%22%20d%3D%22M51%2033c8-4%208-9%208-9l-7%203c4-5%202-11%202-11c-2%204-5%205-5%205c-4-6-10-6-10-6l-3-4l-3%204c-6%200-10%206-10%206c-4-1-5-5-5-5c-1%209%203%2011%203%2011l-7-2c2%204%207%207%207%207c-3%202-6%201-6%201c3%205%207%205%207%205h28c7%200%208-5%208-5c-5%201-7%200-7%200%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20stroke%3D%22%23b1cc33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M26%2038s0-1%204.054-.929c0%200%205.947-3.964%2011.893%200c0%200%204.053.947%204.053%202.929c0%200%204%203%201.894%205.992c0%200%200%203.964-5.946%207.929c0%200-3.965%201.982-11.894%200c0%200-7.267-6.07-6.054-10.921c1-4%202-5%202-5%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20stroke%3D%22%23ea5a47%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M34%2049s0%2010-2%2011c0%200%204-1%204-5c0%200%201%204%204%205c0%200-3-7-2-11z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31%2046v4c-3-3-3-7-3-7s8%207%2016%200c0%200%201%205-3%207v-4%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M31%2046v4c-3-3-3-7-3-7s8%207%2016%200c0%200%201%205-3%207v-4M27%2023s7%202%209%208c0%200%202-7%2010-8%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2230%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2230%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2239%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2239%22%20r%3D%221%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M34%2049s0%2010-2%2011c0%200%204-1%204-5c0%200%201%204%204%205c0%200-3-7-2-11M22%2038s-4%200-7-5c0%200%203%201%206-1c0%200-5-3-7-7l7%202s-4-2-3-11c0%200%201%204%205%205c0%200%204-6%2010-6l3-4l3%204s6%200%2010%206c0%200%203-1%205-5c0%200%202%206-2%2011l7-3s0%205-8%209c0%200%202%201%207%200c0%200-1%205-8%205%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M25%2039s-1-3%205-2c0%200%206-5%2012%200c0%200%205-1%205%202m-18%201s-6-1-9%203s-6%204-8%202m31-5s6-1%209%203s6%204%208%202%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M23.315%2040.571S22%2051%2030%2054m19.189-13.217S49%2051%2042%2054m-11-8v4c-3-3-3-7-3-7s8%207%2016%200c0%200%201%205-3%207v-4%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%235c9e31%22%20stroke%3D%22%235c9e31%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%221.8%22%20d%3D%22M51%2033c8-4%208-9%208-9l-7%203c4-5%202-11%202-11c-2%204-5%205-5%205c-4-6-10-6-10-6l-3-4l-3%204c-6%200-10%206-10%206c-4-1-5-5-5-5c-1%209%203%2011%203%2011l-7-2c2%204%207%207%207%207c-3%202-6%201-6%201c3%205%207%205%207%205h28c7%200%208-5%208-5c-5%201-7%200-7%200%22%2F%3E%3Cpath%20fill%3D%22%23b1cc33%22%20stroke%3D%22%23b1cc33%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M26%2038s0-1%204.054-.929c0%200%205.947-3.964%2011.893%200c0%200%204.053.947%204.053%202.929c0%200%204%203%201.894%205.992c0%200%200%203.964-5.946%207.929c0%200-3.965%201.982-11.894%200c0%200-7.267-6.07-6.054-10.921c1-4%202-5%202-5%22%2F%3E%3Cpath%20fill%3D%22%23ea5a47%22%20stroke%3D%22%23ea5a47%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M34%2049s0%2010-2%2011c0%200%204-1%204-5c0%200%201%204%204%205c0%200-3-7-2-11z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M31%2046v4c-3-3-3-7-3-7s8%207%2016%200c0%200%201%205-3%207v-4%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M31%2046v4c-3-3-3-7-3-7s8%207%2016%200c0%200%201%205-3%207v-4M27%2023s7%202%209%208c0%200%202-7%2010-8%22%2F%3E%3Ccircle%20cx%3D%2229%22%20cy%3D%2230%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2243%22%20cy%3D%2230%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%2234%22%20cy%3D%2239%22%20r%3D%221%22%2F%3E%3Ccircle%20cx%3D%2238%22%20cy%3D%2239%22%20r%3D%221%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M34%2049s0%2010-2%2011c0%200%204-1%204-5c0%200%201%204%204%205c0%200-3-7-2-11M22%2038s-4%200-7-5c0%200%203%201%206-1c0%200-5-3-7-7l7%202s-4-2-3-11c0%200%201%204%205%205c0%200%204-6%2010-6l3-4l3%204s6%200%2010%206c0%200%203-1%205-5c0%200%202%206-2%2011l7-3s0%205-8%209c0%200%202%201%207%200c0%200-1%205-8%205%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M25%2039s-1-3%205-2c0%200%206-5%2012%200c0%200%205-1%205%202m-18%201s-6-1-9%203s-6%204-8%202m31-5s6-1%209%203s6%204%208%202%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-miterlimit%3D%2210%22%20stroke-width%3D%222%22%20d%3D%22M23.315%2040.571S22%2051%2030%2054m19.189-13.217S49%2051%2042%2054m-11-8v4c-3-3-3-7-3-7s8%207%2016%200c0%200%201%205-3%207v-4%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/openmoji/dragon-face.svg?color=%231a73e8&size=48
