ICONYZ
Bahasa Indonesia
Ikon Calendar Mark Flat dari Plump color icons

Ikon Calendar Mark Flat

streamline-plump-color:calendar-mark-flat

Ikon Calendar Mark Flat (streamline-plump-color:calendar-mark-flat) adalah ikon SVG gratis dari set Plump color icons karya Streamline. Ikon ini digambar pada grid 48 × 48. Plump color 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
Plump color icons
Pembuat
Streamline
Lisensi
CC-BY-4.0
Ukuran
48 × 48
Kategori
Antarmuka esensial
Tag
calendarmark, markflat, calendarmarkflat
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#8fbffa" d="M24 46.5c-7.632 0-12.948-.485-16.147-.911c-2.862-.382-5.068-2.554-5.479-5.419c-.417-2.91-.874-7.506-.874-13.67s.457-10.76.874-13.67c.41-2.864 2.617-5.037 5.48-5.418C11.051 6.985 16.367 6.5 24 6.5c7.632 0 12.948.485 16.147.912c2.862.381 5.068 2.554 5.479 5.418c.417 2.91.874 7.506.874 13.67s-.457 10.76-.874 13.67c-.41 2.864-2.617 5.037-5.48 5.419c-3.198.426-8.514.911-16.146.911"/><path fill="#2859c5" d="M33.5 14.518q-.754-.001-1.336-.037c-2.27-.133-3.547-2.002-3.618-3.918a69 69 0 0 1 0-5.091c.07-1.916 1.348-3.785 3.618-3.918q.582-.035 1.336-.036t1.336.036c2.27.133 3.547 2.002 3.618 3.918a69 69 0 0 1 0 5.091c-.07 1.916-1.348 3.785-3.618 3.918a23 23 0 0 1-1.336.037m-19 0q-.754-.001-1.336-.037c-2.27-.133-3.547-2.002-3.618-3.918a69 69 0 0 1 0-5.091c.07-1.916 1.348-3.785 3.618-3.918q.582-.035 1.336-.036t1.336.036c2.27.133 3.547 2.002 3.618 3.918a69 69 0 0 1 0 5.091c-.07 1.916-1.348 3.785-3.618 3.918a23 23 0 0 1-1.336.037"/><path fill="#2859c5" fill-rule="evenodd" d="M17 25a2 2 0 0 0-2-2h-4a2 2 0 1 0 0 4h4a2 2 0 0 0 2-2m5-2a2 2 0 1 0 0 4h4a2 2 0 1 0 0-4zm11 0a2 2 0 1 0 0 4h4a2 2 0 1 0 0-4zM22 33a2 2 0 1 0 0 4h4a2 2 0 1 0 0-4zm9 2a2 2 0 0 1 2-2h4a2 2 0 1 1 0 4h-4a2 2 0 0 1-2-2m-16-2a2 2 0 1 1 0 4h-4a2 2 0 1 1 0-4z" clip-rule="evenodd"/></g></svg>

Cara memakai ikon Calendar Mark Flat

React

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

<Icon icon="streamline-plump-color:calendar-mark-flat" width="24" />

Vue

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

<template>
  <Icon icon="streamline-plump-color:calendar-mark-flat" width="24" />
</template>

Svelte

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

<Icon icon="streamline-plump-color:calendar-mark-flat" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-plump-color--calendar-mark-flat]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-plump-color -->
<div class="i-streamline-plump-color:calendar-mark-flat"></div>

Web component

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

<iconify-icon icon="streamline-plump-color:calendar-mark-flat"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/streamline-plump-color/calendar-mark-flat.svg" alt="Ikon Calendar Mark Flat" width="24" height="24">

Ikon terkait di Plump color icons

Ikon Calendar Mark Flat di set ikon lain

FAQ Ikon Calendar Mark Flat

Apakah ikon Calendar Mark Flat gratis untuk penggunaan komersial?

Ya. Plump color 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 Calendar Mark Flat di React?

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

Bagaimana cara menambahkan ikon Calendar Mark Flat ke halaman web?

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

Lihat semua Plump color icons →