Ikon Clock Bold
glyphs:clock-bold
Ikon Clock Bold (glyphs:clock-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
- clockbold
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path d="M40 39a1 1 0 1 0 0 2a1 1 0 0 0 0-2"/><path fill-rule="evenodd" d="M28.686 12.686a29.564 29.564 0 1 1 22.627 54.628a29.564 29.564 0 0 1-22.627-54.628M50.798 26.02a3 3 0 0 1 .498 4.157L46.228 36.8a6.97 6.97 0 0 1 .754 3.717l13.045 7.42a3 3 0 0 1 1.113 4.114l-.033.057a3 3 0 0 1-4.095 1.11l-2.1-1.205a3 3 0 0 1-.519-.377l-10.375-5.902a7 7 0 1 1-2.554-12.58l5.067-6.624c.222-.29.486-.529.778-.713a3 3 0 0 1-.762-3.883l1.216-2.093a3 3 0 0 1 4.05-1.116l.06.033a3 3 0 0 1 1.138 4.112l-1.205 2.1a3 3 0 0 1-1.008 1.049m-8.007-7.36a3 3 0 0 0-3.03-2.993l-.068.001a3 3 0 0 0-2.962 2.992l-.007 2.42a3 3 0 0 0 3.044 3.008h.062a3 3 0 0 0 2.967-3.008zm-10.913 1.386a3 3 0 0 0-4.101-1.087l-.06.035a3 3 0 0 0-1.088 4.083l1.204 2.099a3 3 0 0 0 4.12 1.095l.053-.031a3 3 0 0 0 1.087-4.101zm28.99 7.437a3 3 0 0 0-4.066-1.059l-2.1 1.205a3 3 0 0 0-1.075 4.152l.03.051a3 3 0 0 0 4.082 1.055l2.093-1.216a3 3 0 0 0 1.07-4.13zm-37.792-.854a3 3 0 0 0-4.082 1.088l-.036.06a3 3 0 0 0 1.088 4.1l2.093 1.216a3 3 0 0 0 4.1-1.087l.032-.053a3 3 0 0 0-1.095-4.12zm1.012 13.14a3 3 0 0 0-3.008-3.044l-2.42.006a3 3 0 0 0-2.992 2.962l-.001.069a3 3 0 0 0 2.992 3.03l2.42.006a3 3 0 0 0 3.008-2.968zm34.831-3.043a3 3 0 0 0-3.007 3.043v.06a3 3 0 0 0 3.008 2.967l2.42-.006a3 3 0 0 0 2.992-3.03v-.066a3 3 0 0 0-2.992-2.962zM26.068 47.69a3 3 0 0 0-4.133-1.144l-2.094 1.216a3 3 0 0 0-1.116 4.05l.034.06a3 3 0 0 0 4.111 1.138l2.1-1.204a3 3 0 0 0 1.127-4.062zm5.712 5.936a3 3 0 0 0-4.151 1.076l-1.205 2.1a3 3 0 0 0 1.059 4.065l.058.035a3 3 0 0 0 4.13-1.07l1.215-2.093a3 3 0 0 0-1.054-4.082zm20.234 1.286a3 3 0 0 0-4.095-1.109l-.051.03a3 3 0 0 0-1.112 4.114l1.216 2.093a3 3 0 0 0 4.08 1.099l.057-.032a3 3 0 0 0 1.11-4.096zm-12.245 1a3 3 0 0 0-3.044 3.007l.007 2.42a3 3 0 0 0 2.962 2.992l.066.001a3 3 0 0 0 3.03-2.992l.006-2.42a3 3 0 0 0-2.968-3.008z" clip-rule="evenodd"/></g></svg>
Cara memakai ikon Clock Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:clock-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:clock-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:clock-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--clock-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:clock-bold"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:clock-bold"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/clock-bold.svg" alt="Ikon Clock Bold" width="24" height="24">
Ikon Clock Bold di set ikon lain
FAQ Ikon Clock Bold
Apakah ikon Clock 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 Clock Bold di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:clock-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Clock Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/clock-bold.svg" alt="Ikon Clock Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Glyphs →
ICONYZ
