Ikon Day Bold
glyphs:day-bold
Ikon Day Bold (glyphs:day-bold) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs 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
- Glyphs
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- daybold
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><path fill="currentColor" d="M34.006 10A2 2 0 0 1 36 12.006l-.025 8.009a2 2 0 0 1-4-.013L32 11.994A2 2 0 0 1 34.006 10m-16.459 5.344a2 2 0 0 1 2.792.451l4.687 6.494a2 2 0 1 1-3.243 2.34l-4.687-6.493a2 2 0 0 1 .451-2.792m43.081 13.998a2 2 0 0 1-1.277 2.524l-4.168 1.368a2 2 0 0 1-1.248-3.8l4.168-1.369a2 2 0 0 1 2.525 1.277m-53.26.012a2 2 0 0 1 2.517-1.293l7.624 2.451a2 2 0 0 1-1.224 3.809L8.66 31.87a2 2 0 0 1-1.292-2.517M18.8 42.971a2 2 0 0 1-1.291 2.516l-7.624 2.451A2 2 0 0 1 8.66 44.13l7.625-2.45a2 2 0 0 1 2.515 1.29m1.38 14.064a2 2 0 0 1 .434 2.795l-.282.386a2 2 0 0 1-3.229-2.361l.282-.386a2 2 0 0 1 2.795-.434m17.965-31.79a13.412 13.412 0 0 0-13.389 22.475a2 2 0 0 0 2.384.28q.751-.438 1.555-.765a2 2 0 0 0 1.078-1.05a11.2 11.2 0 0 1 4.662-5.213a11.23 11.23 0 0 1 6.923-1.41a2 2 0 0 0 1.785-.72a15 15 0 0 1 2.886-2.707a2 2 0 0 0 .74-2.239a13.41 13.41 0 0 0-8.624-8.651m12.759-7.108a2 2 0 1 0-3.243-2.341l-4.687 6.493a2 2 0 0 0 3.244 2.341zm9.846 19.798a11.96 11.96 0 0 1 5.583 7.255a11.9 11.9 0 0 1 .255 5.003A9.34 9.34 0 0 1 72 58.66c0 2.477-.99 4.857-2.744 6.605A9.37 9.37 0 0 1 62.647 68H60.61l-.023.001H33.353a9.37 9.37 0 0 1-6.61-2.735A9.34 9.34 0 0 1 24 58.66c0-2.476.99-4.855 2.744-6.604a9.38 9.38 0 0 1 5.184-2.625q.066-.429.177-.85a8.2 8.2 0 0 1 3.827-5.01a8.24 8.24 0 0 1 7.83-.198l.613-1.057a12 12 0 0 1 7.286-5.577a12.02 12.02 0 0 1 9.09 1.195"/></svg>Cara memakai ikon Day Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:day-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:day-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:day-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--day-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:day-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:day-bold"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/day-bold.svg" alt="Ikon Day Bold" width="24" height="24">Ikon terkait di Glyphs
FAQ Ikon Day Bold
Apakah ikon Day Bold gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Day Bold di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:day-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Day Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/day-bold.svg" alt="Ikon Day Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.