Ikon Timer Fill
f7:timer-fill
Ikon Timer Fill (f7:timer-fill) adalah ikon SVG gratis dari set Framework7 Icons karya Vladimir Kharlampidi. Ikon ini digambar pada grid 56 × 56. Framework7 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
- Framework7 Icons
- Pembuat
- Vladimir Kharlampidi
- Lisensi
- MIT
- Ukuran
- 56 × 56
- Tag
- timerfill
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="56" height="56" viewBox="0 0 56 56"><path fill="currentColor" fill-rule="evenodd" d="M28 51.906C14.797 51.906 4.094 41.203 4.094 28S14.797 4.094 28 4.094S51.906 14.797 51.906 28S41.203 51.906 28 51.906M28 7.92c11.09 0 20.081 8.99 20.081 20.081S39.091 48.081 28 48.081S7.919 39.091 7.919 28a20.02 20.02 0 0 1 6.185-14.497q.216-.207.558-.507l.092-.071a.93.93 0 0 1 1.242.185l.019.023a.956.956 0 0 1-.112 1.318q-.327.288-.53.485A18.1 18.1 0 0 0 9.83 28c0 10.034 8.135 18.169 18.169 18.169S46.169 38.034 46.169 28S38.034 9.831 28 9.831v8.606a.956.956 0 1 1-1.913 0V8.875a.956.956 0 0 1 1.127-.941q.39-.015.786-.015M17.031 18.438c-.82-1.172.399-2.391 1.57-1.57L31 25.515c2.227 1.547 2.601 4.172.75 6.093c-1.899 1.852-4.523 1.453-6.07-.773Z"/></svg>Cara memakai ikon Timer Fill
React
import { Icon } from "@iconify/react";
<Icon icon="f7:timer-fill" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="f7:timer-fill" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="f7:timer-fill" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[f7--timer-fill]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/f7 -->
<div class="i-f7:timer-fill"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="f7:timer-fill"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/f7/timer-fill.svg" alt="Ikon Timer Fill" width="24" height="24">Ikon terkait di Framework7 Icons
Ikon Timer Fill di set ikon lain
FAQ Ikon Timer Fill
Apakah ikon Timer Fill gratis untuk penggunaan komersial?
Ya. Framework7 Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Timer Fill di React?
Pasang @iconify/react lalu render <Icon icon="f7:timer-fill" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Timer Fill ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/f7/timer-fill.svg" alt="Ikon Timer Fill">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.