ICONYZ
Bahasa Indonesia
Ikon Calender Solid dari Pixel Icon

Ikon Calender Solid

pixel:calender-solid

Ikon Calender Solid (pixel:calender-solid) adalah ikon SVG gratis dari set Pixel Icon karya HackerNoon. Ikon ini digambar pada grid 24 × 24. Pixel Icon icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Pixel Icon
Pembuat
HackerNoon
Lisensi
CC-BY-4.0
Ukuran
24 × 24
Tag
calendersolid
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M6 1h2v1H6zm10 0h2v1h-2zm6 4V4h-3V2h-1v5h-2V2h-1v2H9V2H8v5H6V2H5v2H2v1H1v17h1v1h20v-1h1V5zm-1 3v3h-3V8zm0 8h-3v-3h3zm0 5h-3v-3h3zM3 18h3v3H3zm0-5h3v3H3zm13 3h-3v-3h3zm-5 0H8v-3h3zm-3 2h3v3H8zm5 0h3v3h-3zm3-7h-3V8h3zm-5-3v3H8V8zm-5 3H3V8h3z"/></svg>

Cara memakai ikon Calender Solid

React

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

<Icon icon="pixel:calender-solid" width="24" />

Vue

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

<template>
  <Icon icon="pixel:calender-solid" width="24" />
</template>

Svelte

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

<Icon icon="pixel:calender-solid" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[pixel--calender-solid]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/pixel -->
<div class="i-pixel:calender-solid"></div>

Web component

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

<iconify-icon icon="pixel:calender-solid"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/pixel/calender-solid.svg" alt="Ikon Calender Solid" width="24" height="24">

Ikon terkait di Pixel Icon

FAQ Ikon Calender Solid

Apakah ikon Calender Solid gratis untuk penggunaan komersial?

Ya. Pixel Icon icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Calender Solid di React?

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

Bagaimana cara menambahkan ikon Calender Solid ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/pixel/calender-solid.svg" alt="Ikon Calender Solid">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Pixel Icon →