ICONYZ
Bahasa Indonesia
Ikon Daisyui dari theSVG Color

Ikon Daisyui

thesvg-color:daisyui

Ikon Daisyui (thesvg-color:daisyui) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 1024 × 1024. 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
1024 × 1024
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><g fill="none"><rect width="512" height="256" x="256" y="670.72" fill="#1ad1a5" rx="128"/><circle cx="512" cy="353.28" r="256" fill="#fff"/><circle cx="512" cy="353.28" r="261" stroke="#000" stroke-opacity=".2" stroke-width="10"/><circle cx="512" cy="353.28" r="114.688" fill="#ff9903"/></g></svg>

Cara memakai ikon Daisyui

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:daisyui" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:daisyui" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:daisyui" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--daisyui]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:daisyui"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:daisyui"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/daisyui.svg" alt="Ikon Daisyui" width="24" height="24">

Ikon Daisyui di set ikon lain

FAQ Ikon Daisyui

Apakah ikon Daisyui 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 Daisyui di React?

Pasang @iconify/react lalu render <Icon icon="thesvg-color:daisyui" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Daisyui ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/daisyui.svg" alt="Ikon Daisyui">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →