Ikon Dragon Face
fluent-emoji-high-contrast:dragon-face
Ikon Dragon Face (fluent-emoji-high-contrast:dragon-face) adalah ikon SVG gratis dari set Fluent Emoji High Contrast karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji High Contrast icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Fluent Emoji High Contrast
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Kategori
- Hewan dan alam
- Tag
- dragonface
Kode 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>
Cara memakai ikon 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>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/dragon-face.svg" alt="Ikon Dragon Face" width="24" height="24">
Ikon terkait di Fluent Emoji High Contrast
Ikon Dragon Face di set ikon lain
FAQ Ikon Dragon Face
Apakah ikon Dragon Face gratis untuk penggunaan komersial?
Ya. Fluent Emoji High Contrast icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Dragon Face di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji-high-contrast:dragon-face" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Dragon Face ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/dragon-face.svg" alt="Ikon Dragon Face">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Fluent Emoji High Contrast →
ICONYZ
