Ikon Asana
thesvg-color:asana
Ikon Asana (thesvg-color:asana) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 251 × 232. theSVG Color 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
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 251 × 232
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="251" height="232" viewBox="0 0 251 232"><path fill="#f06a6a" d="M179.383 54.373c0 30.017-24.337 54.374-54.354 54.374c-30.035 0-54.373-24.338-54.373-54.374S94.993 0 125.029 0c30.017 0 54.354 24.338 54.354 54.373M54.393 122.33C24.376 122.33.02 146.668.02 176.685s24.337 54.373 54.373 54.373s54.373-24.338 54.373-54.373c0-30.017-24.338-54.355-54.373-54.355m141.253 0c-30.035 0-54.373 24.338-54.373 54.374c0 30.035 24.338 54.373 54.373 54.373c30.017 0 54.374-24.338 54.374-54.373c0-30.036-24.338-54.374-54.374-54.374"/></svg>
Cara memakai ikon Asana
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:asana" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:asana" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:asana" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--asana]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:asana"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:asana"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/asana.svg" alt="Ikon Asana" width="24" height="24">
Ikon Asana di set ikon lain
FAQ Ikon Asana
Apakah ikon Asana gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Asana di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:asana" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Asana ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/asana.svg" alt="Ikon Asana">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon theSVG Color →
ICONYZ
