Ikon View Agenda

hugeicons:view-agenda

Ikon View Agenda (hugeicons:view-agenda) adalah ikon SVG gratis dari set Huge Icons karya Hugeicons. Ikon ini digambar pada grid 24 × 24. Huge 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: Huge Icons
Pembuat: Hugeicons
Lisensi: MIT
Ukuran: 24 × 24
Tag: viewagenda

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="1.5" d="M17 10H7c-.932 0-1.398 0-1.765-.152a2 2 0 0 1-1.083-1.083C4 8.398 4 7.932 4 7s0-1.398.152-1.765a2 2 0 0 1 1.083-1.083C5.602 4 6.068 4 7 4h10c.932 0 1.398 0 1.765.152a2 2 0 0 1 1.083 1.083C20 5.602 20 6.068 20 7s0 1.398-.152 1.765a2 2 0 0 1-1.083 1.083C18.398 10 17.932 10 17 10Zm0 10H7c-.932 0-1.398 0-1.765-.152a2 2 0 0 1-1.083-1.083C4 18.398 4 17.932 4 17s0-1.398.152-1.765a2 2 0 0 1 1.083-1.083C5.602 14 6.068 14 7 14h10c.932 0 1.398 0 1.765.152a2 2 0 0 1 1.083 1.083C20 15.602 20 16.068 20 17s0 1.398-.152 1.765a2 2 0 0 1-1.083 1.083C18.398 20 17.932 20 17 20Z"/></svg>

Cara memakai ikon View Agenda

React

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

<Icon icon="hugeicons:view-agenda" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:view-agenda" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:view-agenda" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--view-agenda]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:view-agenda"></div>

Web component

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

<iconify-icon icon="hugeicons:view-agenda"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/view-agenda.svg" alt="Ikon View Agenda" width="24" height="24">

Ikon terkait di Huge Icons

Ikon View Agenda di set ikon lain

FAQ Ikon View Agenda

Apakah ikon View Agenda gratis untuk penggunaan komersial?

Ya. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon View Agenda di React?

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

Bagaimana cara menambahkan ikon View Agenda ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/hugeicons/view-agenda.svg" alt="Ikon View Agenda">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Huge Icons →