Ikon Dashing Away
fluent-emoji-flat:dashing-away
Ikon Dashing Away (fluent-emoji-flat:dashing-away) adalah ikon SVG gratis dari set Fluent Emoji Flat karya Microsoft Corporation. Ikon ini digambar pada grid 32 × 32. Fluent Emoji Flat 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 Flat
- Pembuat
- Microsoft Corporation
- Lisensi
- MIT
- Ukuran
- 32 × 32
- Kategori
- Smiley dan emosi
- Tag
- dashingaway
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#fff" d="M1 16a2 2 0 0 0 2 2c3.314 0 6 1.79 6 4a7 7 0 0 0 7 7c.166 0 .18-.237.02-.284A7 7 0 0 1 11 22c1.627-2.87 3.392-6 3.392-6S12.665 12.936 11 10a7 7 0 0 1 5.02-6.716C16.18 3.237 16.166 3 16 3a7 7 0 0 0-7 7c0 2.21-2.686 4-6 4a2 2 0 0 0-2 2"/><path fill="#bebebe" d="M17.02 3.284C17.18 3.237 17.166 3 17 3a7 7 0 0 0-7 7c0 1.552-.848 2.939-2.18 3.856a17.5 17.5 0 0 0 3.293-.754l.229-.077a.5.5 0 0 1 .316.95l-.229.075a18.5 18.5 0 0 1-5.85.95H3a1 1 0 1 0 0 2h2.579a18.5 18.5 0 0 1 5.85.95l.23.076a.5.5 0 1 1-.317.948l-.229-.076a17.5 17.5 0 0 0-3.293-.754C9.15 19.06 10 20.448 10 22a7 7 0 0 0 7 7c.166 0 .18-.237.02-.284C16.156 22 15.392 16 15.392 16s.858-7.5 1.628-12.716"/><path fill="#dadada" d="M24 10a7 7 0 0 1-3.392 6A7 7 0 0 1 17 29c.166 0 .18-.237.02-.284a7.003 7.003 0 0 1-2.439-12.145v-1.142a7.003 7.003 0 0 1 2.44-12.145C17.178 3.237 17.165 3 17 3a7 7 0 0 1 7 7"/><path fill="#e6e6e6" d="M13 16a9 9 0 0 1 9-9c4.978 1.54 7.448 4.03 7.448 9s-2.17 7.262-7.448 9a9 9 0 0 1-9-9"/><path fill="#fff" d="M20.226 9.09c.285-.052.338.358.077.485c-2.205 1.077-3.747 3.548-3.747 6.425s1.542 5.348 3.747 6.425c.26.127.208.537-.077.485a5.7 5.7 0 0 1-1.337-.419C16.609 21.453 15 18.938 15 16s1.609-5.453 3.889-6.491a5.7 5.7 0 0 1 1.337-.42"/><path fill="#bebebe" d="M24.028 4a1 1 0 1 0 0-2a1 1 0 0 0 0 2m6 1a2 2 0 1 1-4 0a2 2 0 0 1 4 0m-4 23.5a1.5 1.5 0 1 1-3 0a1.5 1.5 0 0 1 3 0m-4.058-3.886c-.21.067-.189.386.03.386a9 9 0 1 0 0-18c-.219 0-.24.319-.03.386C25.46 8.506 28 11.939 28 16s-2.54 7.494-6.03 8.614"/></g></svg>
Cara memakai ikon Dashing Away
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-flat:dashing-away" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-flat:dashing-away" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-flat:dashing-away" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-flat--dashing-away]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-flat -->
<div class="i-fluent-emoji-flat:dashing-away"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-flat:dashing-away"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/dashing-away.svg" alt="Ikon Dashing Away" width="24" height="24">
Ikon Dashing Away di set ikon lain
FAQ Ikon Dashing Away
Apakah ikon Dashing Away gratis untuk penggunaan komersial?
Ya. Fluent Emoji Flat icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Dashing Away di React?
Pasang @iconify/react lalu render <Icon icon="fluent-emoji-flat:dashing-away" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Dashing Away ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/fluent-emoji-flat/dashing-away.svg" alt="Ikon Dashing Away">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Fluent Emoji Flat →
ICONYZ
