ICONYZ
Bahasa Indonesia
Ikon Heat Map 03 dari Carbon

Ikon Heat Map 03

carbon:heat-map-03

Ikon Heat Map 03 (carbon:heat-map-03) adalah ikon SVG gratis dari set Carbon karya IBM. Ikon ini digambar pada grid 32 × 32. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Carbon
Pembuat
IBM
Lisensi
Apache-2.0
Ukuran
32 × 32
Kategori
Organisasi
Tag
heatmap
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27 3H5a2 2 0 0 0-2 2v22a2 2 0 0 0 2 2h22a2 2 0 0 0 2-2V5a2 2 0 0 0-2-2m-8 6h-6V5h6Zm0 2v4h-6v-4Zm-8 0v4H5v-4Zm0 6v4H5v-4Zm2 0h6v4h-6Zm8-2v-4h6v4ZM5 23h6v4H5Zm16 4v-4h6v4Z"/></svg>

Cara memakai ikon Heat Map 03

React

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

<Icon icon="carbon:heat-map-03" width="24" />

Vue

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

<template>
  <Icon icon="carbon:heat-map-03" width="24" />
</template>

Svelte

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

<Icon icon="carbon:heat-map-03" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--heat-map-03]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:heat-map-03"></div>

Web component

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

<iconify-icon icon="carbon:heat-map-03"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/carbon/heat-map-03.svg" alt="Ikon Heat Map 03" width="24" height="24">

Ikon terkait di Carbon

FAQ Ikon Heat Map 03

Apakah ikon Heat Map 03 gratis untuk penggunaan komersial?

Ya. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Heat Map 03 di React?

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

Bagaimana cara menambahkan ikon Heat Map 03 ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/heat-map-03.svg" alt="Ikon Heat Map 03">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Carbon →