Ikon Calendar Off Duotone

keyline-icons:calendar-off-duotone

Ikon Calendar Off Duotone (keyline-icons:calendar-off-duotone) adalah ikon SVG gratis dari set Keyline Icons. Ikon ini digambar pada grid 24 × 24. Keyline 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: Keyline Icons
Pembuat: Keyline Icons
Lisensi: MIT
Ukuran: 24 × 24
Tag: calendaroff, offduotone, calendaroffduotone

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M10 10H7C6.44772 10 6 10.4477 6 11C6 11.5523 6.44772 12 7 12H11C11.2761 12 11.5261 11.888 11.707 11.707L20.8281 20.8281C20.1043 21.552 19.1046 22 18 22H6C3.7909 22 2 20.2091 2 18V8C2 6.3778 2.96572 4.98112 4.35352 4.35352L10 10Z" stroke="none"/><path fill="currentColor" fill-opacity=".4" d="M18 4C20.2091 4 22 5.7909 22 8V15.3428C22 15.7472 21.7564 16.1117 21.3828 16.2666C21.0092 16.4214 20.579 16.3366 20.293 16.0508L9.94922 5.70703C9.66344 5.42103 9.57865 4.99077 9.7334 4.61719C9.88825 4.24362 10.2528 4 10.6572 4H18Z" stroke="none"/><path d="M2 2L22 22"/></g></svg>

Cara memakai ikon Calendar Off Duotone

React

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

<Icon icon="keyline-icons:calendar-off-duotone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:calendar-off-duotone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:calendar-off-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--calendar-off-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:calendar-off-duotone"></div>

Web component

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

<iconify-icon icon="keyline-icons:calendar-off-duotone"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/calendar-off-duotone.svg" alt="Ikon Calendar Off Duotone" width="24" height="24">

Ikon terkait di Keyline Icons

FAQ Ikon Calendar Off Duotone

Apakah ikon Calendar Off Duotone gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Calendar Off Duotone di React?

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

Bagaimana cara menambahkan ikon Calendar Off Duotone ke halaman web?

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

Lihat semua Keyline Icons →