dragon face emoji
dragon-face from Fluent Emoji High Contrast by Microsoft Corporation · Default · Animals & Nature · MIT Free for personal and commercial use.
- Name
- dragon-face
- Set
- Fluent Emoji High Contrast
- Style
- Default
- Category
- Animals & Nature
- Viewbox
- 32×32
- License
- MIT
The same emoji in other sets
More animals & nature icons from Fluent Emoji High Contrast
Use the dragon face emoji
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M4 16.076c0 .514.454.924 1 .924s.99-.419 1-.924v-2.152C6 13.41 5.546 13 5 13c-.557 0-1 .419-1 .924zM14 14a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0z"/><path d="M8.35 2.34a.97.97 0 0 1 1.201-.661c.945.274 1.672.721 2.132 1.336a2.55 2.55 0 0 1 .479 2.01c-.224 1.226-1.337 2.335-2.693 2.335c-.916 0-1.713-.362-2.27-.615q-.185-.084-.332-.146c-.568-.232-1.068-.35-1.857-.04c-.695.272-1.012.968-.927 2.156c.032.438.118.88.23 1.29Q4.404 10 4.5 10h.697a2 2 0 0 1 1.11.336l.996.664h2.46a1 1 0 0 0 .895-.553l2.395-4.789A3 3 0 0 1 15.736 4H17.5a2.5 2.5 0 0 1 2 4h.845l1.105-2.66C22.04 3.92 23.383 3 24.859 3h4.684c.21 0 .362.23.276.43l-.228.57c-.476 1.21-1.6 2-2.847 2h-1.886a.71.71 0 0 0-.628.42L23.55 8h3.67a2 2 0 0 1 1.94 2.485l-.122.485c-.098.393-.252.76-.453 1.092h1.087c.58 0 .875.546.875 1.126V14.5c0 2.309-1.767 4.205-4.4 4.469h3.18c.73 0 1.33.41 1.33 1.14v3.652c0 3.755-2.141 6.16-4.47 6.16h-2.213A2 2 0 0 1 22.198 31H8.58a1.581 1.581 0 0 1-.5-3.081l3.318-1.106A3 3 0 0 0 13.267 25H7.14a5 5 0 0 1-4.16-2.227l-1.141-1.71A5 5 0 0 1 1 18.288V13.5c0-1.18.584-2.223 1.478-2.857a9 9 0 0 1-.328-1.789c-.105-1.458.237-3.349 2.152-4.1c1.4-.549 2.439-.3 3.297.05c.223.092.413.176.583.251c.503.223.826.367 1.287.367c.297 0 .707-.313.786-.744a.61.61 0 0 0-.123-.501c-.137-.183-.448-.442-1.12-.637a.97.97 0 0 1-.661-1.2M15.737 6a1 1 0 0 0-.894.553l-2.45 4.898h-.006l-.27.5A2 2 0 0 1 10.356 13H7.303a2 2 0 0 1-1.11-.336L5.197 12H4.5A1.5 1.5 0 0 0 3 13.5v4.789a3 3 0 0 0 .086.711H13l-1.121 1.121A3 3 0 0 1 9.757 21H4.202l.443.664A3 3 0 0 0 7.14 23h6.769q.133 0 .258.022l.035-.022h2.094c.552.042 1.515.474.953 1.861c-.597 1.472-1.74 3.355-2.5 4.139h7.448l.754-3.395Q23 25.39 23 25.17v-9.84a2 2 0 0 0-.285-1.029l-.199-.331a2 2 0 0 0-1.049-.857c-.257-.09-.467-.312-.467-.584a.53.53 0 0 1 .53-.53h3.628a2 2 0 0 0 1.94-1.515l.121-.485H15.286a.25.25 0 0 1-.223-.362l.923-1.846A1.43 1.43 0 0 1 17.268 7h.232a.5.5 0 0 0 0-1z"/></g></svg>
React
import type { SVGProps } from "react";
export function FluentEmojiHighContrastDragonFace(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M4 16.076c0 .514.454.924 1 .924s.99-.419 1-.924v-2.152C6 13.41 5.546 13 5 13c-.557 0-1 .419-1 .924zM14 14a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0z"/><path d="M8.35 2.34a.97.97 0 0 1 1.201-.661c.945.274 1.672.721 2.132 1.336a2.55 2.55 0 0 1 .479 2.01c-.224 1.226-1.337 2.335-2.693 2.335c-.916 0-1.713-.362-2.27-.615q-.185-.084-.332-.146c-.568-.232-1.068-.35-1.857-.04c-.695.272-1.012.968-.927 2.156c.032.438.118.88.23 1.29Q4.404 10 4.5 10h.697a2 2 0 0 1 1.11.336l.996.664h2.46a1 1 0 0 0 .895-.553l2.395-4.789A3 3 0 0 1 15.736 4H17.5a2.5 2.5 0 0 1 2 4h.845l1.105-2.66C22.04 3.92 23.383 3 24.859 3h4.684c.21 0 .362.23.276.43l-.228.57c-.476 1.21-1.6 2-2.847 2h-1.886a.71.71 0 0 0-.628.42L23.55 8h3.67a2 2 0 0 1 1.94 2.485l-.122.485c-.098.393-.252.76-.453 1.092h1.087c.58 0 .875.546.875 1.126V14.5c0 2.309-1.767 4.205-4.4 4.469h3.18c.73 0 1.33.41 1.33 1.14v3.652c0 3.755-2.141 6.16-4.47 6.16h-2.213A2 2 0 0 1 22.198 31H8.58a1.581 1.581 0 0 1-.5-3.081l3.318-1.106A3 3 0 0 0 13.267 25H7.14a5 5 0 0 1-4.16-2.227l-1.141-1.71A5 5 0 0 1 1 18.288V13.5c0-1.18.584-2.223 1.478-2.857a9 9 0 0 1-.328-1.789c-.105-1.458.237-3.349 2.152-4.1c1.4-.549 2.439-.3 3.297.05c.223.092.413.176.583.251c.503.223.826.367 1.287.367c.297 0 .707-.313.786-.744a.61.61 0 0 0-.123-.501c-.137-.183-.448-.442-1.12-.637a.97.97 0 0 1-.661-1.2M15.737 6a1 1 0 0 0-.894.553l-2.45 4.898h-.006l-.27.5A2 2 0 0 1 10.356 13H7.303a2 2 0 0 1-1.11-.336L5.197 12H4.5A1.5 1.5 0 0 0 3 13.5v4.789a3 3 0 0 0 .086.711H13l-1.121 1.121A3 3 0 0 1 9.757 21H4.202l.443.664A3 3 0 0 0 7.14 23h6.769q.133 0 .258.022l.035-.022h2.094c.552.042 1.515.474.953 1.861c-.597 1.472-1.74 3.355-2.5 4.139h7.448l.754-3.395Q23 25.39 23 25.17v-9.84a2 2 0 0 0-.285-1.029l-.199-.331a2 2 0 0 0-1.049-.857c-.257-.09-.467-.312-.467-.584a.53.53 0 0 1 .53-.53h3.628a2 2 0 0 0 1.94-1.515l.121-.485H15.286a.25.25 0 0 1-.223-.362l.923-1.846A1.43 1.43 0 0 1 17.268 7h.232a.5.5 0 0 0 0-1z"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="currentColor"><path d="M4 16.076c0 .514.454.924 1 .924s.99-.419 1-.924v-2.152C6 13.41 5.546 13 5 13c-.557 0-1 .419-1 .924zM14 14a1 1 0 1 1 2 0v2a1 1 0 1 1-2 0z"/><path d="M8.35 2.34a.97.97 0 0 1 1.201-.661c.945.274 1.672.721 2.132 1.336a2.55 2.55 0 0 1 .479 2.01c-.224 1.226-1.337 2.335-2.693 2.335c-.916 0-1.713-.362-2.27-.615q-.185-.084-.332-.146c-.568-.232-1.068-.35-1.857-.04c-.695.272-1.012.968-.927 2.156c.032.438.118.88.23 1.29Q4.404 10 4.5 10h.697a2 2 0 0 1 1.11.336l.996.664h2.46a1 1 0 0 0 .895-.553l2.395-4.789A3 3 0 0 1 15.736 4H17.5a2.5 2.5 0 0 1 2 4h.845l1.105-2.66C22.04 3.92 23.383 3 24.859 3h4.684c.21 0 .362.23.276.43l-.228.57c-.476 1.21-1.6 2-2.847 2h-1.886a.71.71 0 0 0-.628.42L23.55 8h3.67a2 2 0 0 1 1.94 2.485l-.122.485c-.098.393-.252.76-.453 1.092h1.087c.58 0 .875.546.875 1.126V14.5c0 2.309-1.767 4.205-4.4 4.469h3.18c.73 0 1.33.41 1.33 1.14v3.652c0 3.755-2.141 6.16-4.47 6.16h-2.213A2 2 0 0 1 22.198 31H8.58a1.581 1.581 0 0 1-.5-3.081l3.318-1.106A3 3 0 0 0 13.267 25H7.14a5 5 0 0 1-4.16-2.227l-1.141-1.71A5 5 0 0 1 1 18.288V13.5c0-1.18.584-2.223 1.478-2.857a9 9 0 0 1-.328-1.789c-.105-1.458.237-3.349 2.152-4.1c1.4-.549 2.439-.3 3.297.05c.223.092.413.176.583.251c.503.223.826.367 1.287.367c.297 0 .707-.313.786-.744a.61.61 0 0 0-.123-.501c-.137-.183-.448-.442-1.12-.637a.97.97 0 0 1-.661-1.2M15.737 6a1 1 0 0 0-.894.553l-2.45 4.898h-.006l-.27.5A2 2 0 0 1 10.356 13H7.303a2 2 0 0 1-1.11-.336L5.197 12H4.5A1.5 1.5 0 0 0 3 13.5v4.789a3 3 0 0 0 .086.711H13l-1.121 1.121A3 3 0 0 1 9.757 21H4.202l.443.664A3 3 0 0 0 7.14 23h6.769q.133 0 .258.022l.035-.022h2.094c.552.042 1.515.474.953 1.861c-.597 1.472-1.74 3.355-2.5 4.139h7.448l.754-3.395Q23 25.39 23 25.17v-9.84a2 2 0 0 0-.285-1.029l-.199-.331a2 2 0 0 0-1.049-.857c-.257-.09-.467-.312-.467-.584a.53.53 0 0 1 .53-.53h3.628a2 2 0 0 0 1.94-1.515l.121-.485H15.286a.25.25 0 0 1-.223-.362l.923-1.846A1.43 1.43 0 0 1 17.268 7h.232a.5.5 0 0 0 0-1z"/></g></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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M4%2016.076c0%20.514.454.924%201%20.924s.99-.419%201-.924v-2.152C6%2013.41%205.546%2013%205%2013c-.557%200-1%20.419-1%20.924zM14%2014a1%201%200%201%201%202%200v2a1%201%200%201%201-2%200z%22%2F%3E%3Cpath%20d%3D%22M8.35%202.34a.97.97%200%200%201%201.201-.661c.945.274%201.672.721%202.132%201.336a2.55%202.55%200%200%201%20.479%202.01c-.224%201.226-1.337%202.335-2.693%202.335c-.916%200-1.713-.362-2.27-.615q-.185-.084-.332-.146c-.568-.232-1.068-.35-1.857-.04c-.695.272-1.012.968-.927%202.156c.032.438.118.88.23%201.29Q4.404%2010%204.5%2010h.697a2%202%200%200%201%201.11.336l.996.664h2.46a1%201%200%200%200%20.895-.553l2.395-4.789A3%203%200%200%201%2015.736%204H17.5a2.5%202.5%200%200%201%202%204h.845l1.105-2.66C22.04%203.92%2023.383%203%2024.859%203h4.684c.21%200%20.362.23.276.43l-.228.57c-.476%201.21-1.6%202-2.847%202h-1.886a.71.71%200%200%200-.628.42L23.55%208h3.67a2%202%200%200%201%201.94%202.485l-.122.485c-.098.393-.252.76-.453%201.092h1.087c.58%200%20.875.546.875%201.126V14.5c0%202.309-1.767%204.205-4.4%204.469h3.18c.73%200%201.33.41%201.33%201.14v3.652c0%203.755-2.141%206.16-4.47%206.16h-2.213A2%202%200%200%201%2022.198%2031H8.58a1.581%201.581%200%200%201-.5-3.081l3.318-1.106A3%203%200%200%200%2013.267%2025H7.14a5%205%200%200%201-4.16-2.227l-1.141-1.71A5%205%200%200%201%201%2018.288V13.5c0-1.18.584-2.223%201.478-2.857a9%209%200%200%201-.328-1.789c-.105-1.458.237-3.349%202.152-4.1c1.4-.549%202.439-.3%203.297.05c.223.092.413.176.583.251c.503.223.826.367%201.287.367c.297%200%20.707-.313.786-.744a.61.61%200%200%200-.123-.501c-.137-.183-.448-.442-1.12-.637a.97.97%200%200%201-.661-1.2M15.737%206a1%201%200%200%200-.894.553l-2.45%204.898h-.006l-.27.5A2%202%200%200%201%2010.356%2013H7.303a2%202%200%200%201-1.11-.336L5.197%2012H4.5A1.5%201.5%200%200%200%203%2013.5v4.789a3%203%200%200%200%20.086.711H13l-1.121%201.121A3%203%200%200%201%209.757%2021H4.202l.443.664A3%203%200%200%200%207.14%2023h6.769q.133%200%20.258.022l.035-.022h2.094c.552.042%201.515.474.953%201.861c-.597%201.472-1.74%203.355-2.5%204.139h7.448l.754-3.395Q23%2025.39%2023%2025.17v-9.84a2%202%200%200%200-.285-1.029l-.199-.331a2%202%200%200%200-1.049-.857c-.257-.09-.467-.312-.467-.584a.53.53%200%200%201%20.53-.53h3.628a2%202%200%200%200%201.94-1.515l.121-.485H15.286a.25.25%200%200%201-.223-.362l.923-1.846A1.43%201.43%200%200%201%2017.268%207h.232a.5.5%200%200%200%200-1z%22%2F%3E%3C%2Fg%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%2032%2032%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M4%2016.076c0%20.514.454.924%201%20.924s.99-.419%201-.924v-2.152C6%2013.41%205.546%2013%205%2013c-.557%200-1%20.419-1%20.924zM14%2014a1%201%200%201%201%202%200v2a1%201%200%201%201-2%200z%22%2F%3E%3Cpath%20d%3D%22M8.35%202.34a.97.97%200%200%201%201.201-.661c.945.274%201.672.721%202.132%201.336a2.55%202.55%200%200%201%20.479%202.01c-.224%201.226-1.337%202.335-2.693%202.335c-.916%200-1.713-.362-2.27-.615q-.185-.084-.332-.146c-.568-.232-1.068-.35-1.857-.04c-.695.272-1.012.968-.927%202.156c.032.438.118.88.23%201.29Q4.404%2010%204.5%2010h.697a2%202%200%200%201%201.11.336l.996.664h2.46a1%201%200%200%200%20.895-.553l2.395-4.789A3%203%200%200%201%2015.736%204H17.5a2.5%202.5%200%200%201%202%204h.845l1.105-2.66C22.04%203.92%2023.383%203%2024.859%203h4.684c.21%200%20.362.23.276.43l-.228.57c-.476%201.21-1.6%202-2.847%202h-1.886a.71.71%200%200%200-.628.42L23.55%208h3.67a2%202%200%200%201%201.94%202.485l-.122.485c-.098.393-.252.76-.453%201.092h1.087c.58%200%20.875.546.875%201.126V14.5c0%202.309-1.767%204.205-4.4%204.469h3.18c.73%200%201.33.41%201.33%201.14v3.652c0%203.755-2.141%206.16-4.47%206.16h-2.213A2%202%200%200%201%2022.198%2031H8.58a1.581%201.581%200%200%201-.5-3.081l3.318-1.106A3%203%200%200%200%2013.267%2025H7.14a5%205%200%200%201-4.16-2.227l-1.141-1.71A5%205%200%200%201%201%2018.288V13.5c0-1.18.584-2.223%201.478-2.857a9%209%200%200%201-.328-1.789c-.105-1.458.237-3.349%202.152-4.1c1.4-.549%202.439-.3%203.297.05c.223.092.413.176.583.251c.503.223.826.367%201.287.367c.297%200%20.707-.313.786-.744a.61.61%200%200%200-.123-.501c-.137-.183-.448-.442-1.12-.637a.97.97%200%200%201-.661-1.2M15.737%206a1%201%200%200%200-.894.553l-2.45%204.898h-.006l-.27.5A2%202%200%200%201%2010.356%2013H7.303a2%202%200%200%201-1.11-.336L5.197%2012H4.5A1.5%201.5%200%200%200%203%2013.5v4.789a3%203%200%200%200%20.086.711H13l-1.121%201.121A3%203%200%200%201%209.757%2021H4.202l.443.664A3%203%200%200%200%207.14%2023h6.769q.133%200%20.258.022l.035-.022h2.094c.552.042%201.515.474.953%201.861c-.597%201.472-1.74%203.355-2.5%204.139h7.448l.754-3.395Q23%2025.39%2023%2025.17v-9.84a2%202%200%200%200-.285-1.029l-.199-.331a2%202%200%200%200-1.049-.857c-.257-.09-.467-.312-.467-.584a.53.53%200%200%201%20.53-.53h3.628a2%202%200%200%200%201.94-1.515l.121-.485H15.286a.25.25%200%200%201-.223-.362l.923-1.846A1.43%201.43%200%200%201%2017.268%207h.232a.5.5%200%200%200%200-1z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-emoji-high-contrast/dragon-face.svg?color=%231a73e8&size=48
