Icono Dragon Face
fluent-emoji-high-contrast:dragon-face
El icono Dragon Face (fluent-emoji-high-contrast:dragon-face) es un icono SVG gratuito de la colección Fluent Emoji High Contrast de Microsoft Corporation. Está dibujado en una cuadrícula de 32 × 32. Fluent Emoji High Contrast icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Fluent Emoji High Contrast
- Autor
- Microsoft Corporation
- Licencia
- MIT
- Tamaño
- 32 × 32
- Categoría
- Animales y naturaleza
- Etiquetas
- dragonface
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" 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>
Cómo usar el icono Dragon Face
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:dragon-face" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:dragon-face" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:dragon-face" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--dragon-face]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:dragon-face"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:dragon-face"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/dragon-face.svg" alt="Icono Dragon Face" width="24" height="24">
Iconos relacionados en Fluent Emoji High Contrast
El icono Dragon Face en otras colecciones
Preguntas frecuentes sobre Icono Dragon Face
¿El icono Dragon Face es gratis para uso comercial?
Sí. Fluent Emoji High Contrast icons se publican bajo la licencia MIT, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Dragon Face en React?
Instala @iconify/react y renderiza <Icon icon="fluent-emoji-high-contrast:dragon-face" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Dragon Face a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/dragon-face.svg" alt="Icono Dragon Face">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Fluent Emoji High Contrast →
ICONYZ
