Ikon Home Clock Outline
mdi:home-clock-outline
Ikon Home Clock Outline (mdi:home-clock-outline) adalah ikon SVG gratis dari set Material Design Icons karya Pictogrammers. Ikon ini digambar pada grid 24 × 24. Material Design Icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Material Design Icons
- Pembuat
- Pictogrammers
- Lisensi
- Apache-2.0
- Ukuran
- 24 × 24
- Kategori
- Tanggal dan waktu, Otomasi rumah
- Tag
- home time outline, home schedule outline, house clock outline, house time outline, house schedule outline, home automation, date, time, homeclock, clockoutline, homeclockoutline
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m16.5 16.25l2.86 1.69l-.75 1.22L15 17v-5h1.5zM23 16c0 3.87-3.13 7-7 7c-2.38 0-4.47-1.19-5.74-3H4v-8H1l10-9l7 6.29c2.89.86 5 3.54 5 6.71M9.29 18c-.18-.63-.29-1.3-.29-2c0-3.46 2.5-6.32 5.8-6.89L11 5.69l-5 4.5V18zM21 16c0-2.76-2.24-5-5-5s-5 2.24-5 5s2.24 5 5 5s5-2.24 5-5"/></svg>Cara memakai ikon Home Clock Outline
React
import { Icon } from "@iconify/react";
<Icon icon="mdi:home-clock-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mdi:home-clock-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mdi:home-clock-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi--home-clock-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mdi -->
<div class="i-mdi:home-clock-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mdi:home-clock-outline"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/mdi/home-clock-outline.svg" alt="Ikon Home Clock Outline" width="24" height="24">Ikon terkait di Material Design Icons
FAQ Ikon Home Clock Outline
Apakah ikon Home Clock Outline gratis untuk penggunaan komersial?
Ya. Material Design Icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Home Clock Outline di React?
Pasang @iconify/react lalu render <Icon icon="mdi:home-clock-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Home Clock Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/mdi/home-clock-outline.svg" alt="Ikon Home Clock Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.