ICONYZ
Bahasa Indonesia
Ikon Calendar Alt dari Dashicons

Ikon Calendar Alt

dashicons:calendar-alt

Ikon Calendar Alt (dashicons:calendar-alt) adalah ikon SVG gratis dari set Dashicons karya WordPress. Ikon ini digambar pada grid 20 × 20. Dashicons dirilis di bawah lisensi GPL, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial; versi file ikon yang dimodifikasi harus tetap memakai lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Dashicons
Pembuat
WordPress
Lisensi
GPL-2.0-or-later
Ukuran
20 × 20
Tag
calendaralt
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 20 20"><path fill="currentColor" d="M15 4h3v15H2V4h3V3c0-.41.15-.76.44-1.06c.29-.29.65-.44 1.06-.44s.77.15 1.06.44c.29.3.44.65.44 1.06v1h4V3c0-.41.15-.76.44-1.06c.29-.29.65-.44 1.06-.44s.77.15 1.06.44c.29.3.44.65.44 1.06zM6 3v2.5a.49.49 0 0 0 .5.5a.49.49 0 0 0 .5-.5V3c0-.14-.05-.26-.15-.35c-.09-.1-.21-.15-.35-.15s-.26.05-.35.15c-.1.09-.15.21-.15.35m7 0v2.5c0 .14.05.26.14.36c.1.09.22.14.36.14s.26-.05.36-.14c.09-.1.14-.22.14-.36V3a.49.49 0 0 0-.5-.5a.49.49 0 0 0-.5.5m4 15V8H3v10zM7 9v2H5V9zm2 0h2v2H9zm4 2V9h2v2zm-6 1v2H5v-2zm2 0h2v2H9zm4 2v-2h2v2zm-6 1v2H5v-2zm4 2H9v-2h2zm4 0h-2v-2h2z"/></svg>

Cara memakai ikon Calendar Alt

React

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

<Icon icon="dashicons:calendar-alt" width="24" />

Vue

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

<template>
  <Icon icon="dashicons:calendar-alt" width="24" />
</template>

Svelte

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

<Icon icon="dashicons:calendar-alt" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[dashicons--calendar-alt]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/dashicons -->
<div class="i-dashicons:calendar-alt"></div>

Web component

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

<iconify-icon icon="dashicons:calendar-alt"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/dashicons/calendar-alt.svg" alt="Ikon Calendar Alt" width="24" height="24">

Ikon terkait di Dashicons

Ikon calendar
calendar

Ikon Calendar Alt di set ikon lain

Ikon Calendar Alt dari BoxIcons v2
BoxIcons v2
 Ikon Calendar Alt dari BoxIcons v2 Solid
BoxIcons v2 Solid
 Ikon Calendar Alt dari Boxicons
Boxicons
 Ikon Calendar Alt dari Dinkie Icons
Dinkie Icons
 Ikon Calendar Alt dari Font Awesome 5 Regular
Font Awesome 5 Regular
 Ikon Calendar Alt dari Font Awesome 5 Solid
Font Awesome 5 Solid
 Ikon Calendar Alt dari Font Awesome Regular
Font Awesome Regular
 Ikon Calendar Alt dari Font Awesome Solid
Font Awesome Solid
 Ikon Calendar Alt dari Jam Icons
Jam Icons
 Ikon Calendar Alt dari Line Awesome
Line Awesome
 Ikon Calendar Alt dari Material Design Iconic Font
Material Design Iconic Font
 Ikon Calendar Alt dari Pixel Icon
Pixel Icon

FAQ Ikon Calendar Alt

Apakah ikon Calendar Alt gratis untuk penggunaan komersial?

Ya. Dashicons dirilis di bawah lisensi GPL, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial; versi file ikon yang dimodifikasi harus tetap memakai lisensi yang sama.

Bagaimana cara memakai ikon Calendar Alt di React?

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

Bagaimana cara menambahkan ikon Calendar Alt ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/dashicons/calendar-alt.svg" alt="Ikon Calendar Alt">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Dashicons →