Ikon Clipboard Heart Bold

solar:clipboard-heart-bold

Ikon Clipboard Heart Bold (solar:clipboard-heart-bold) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar 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: Solar
Pembuat: 480 Design
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: Catatan
Tag: clipboardheart, heartbold, clipboardheartbold

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M9.5 2C8.67157 2 8 2.67157 8 3.5V4.5C8 5.32843 8.67157 6 9.5 6H14.5C15.3284 6 16 5.32843 16 4.5V3.5C16 2.67157 15.3284 2 14.5 2H9.5Z"/><path fill-rule="evenodd" d="M6.5 4.03662C5.24209 4.10719 4.44798 4.30764 3.87868 4.87694C3 5.75562 3 7.16983 3 9.99826V15.9983C3 18.8267 3 20.2409 3.87868 21.1196C4.75736 21.9983 6.17157 21.9983 9 21.9983H15C17.8284 21.9983 19.2426 21.9983 20.1213 21.1196C21 20.2409 21 18.8267 21 15.9983V9.99826C21 7.16983 21 5.75562 20.1213 4.87694C19.552 4.30764 18.7579 4.10719 17.5 4.03662V4.5C17.5 6.15685 16.1569 7.5 14.5 7.5H9.5C7.84315 7.5 6.5 6.15685 6.5 4.5V4.03662ZM11.0429 15.3656C10.1649 14.7213 9 13.6812 9 12.6967C9 11.0235 10.65 10.3988 12 11.6913C13.35 10.3988 15 11.0235 15 12.6967C15 13.6812 13.8352 14.7214 12.9571 15.3656C12.5374 15.6736 12.3275 15.8276 12 15.8276C11.6725 15.8276 11.4626 15.6736 11.0429 15.3656Z" clip-rule="evenodd"/></g></svg>

Cara memakai ikon Clipboard Heart Bold

React

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

<Icon icon="solar:clipboard-heart-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:clipboard-heart-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:clipboard-heart-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--clipboard-heart-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:clipboard-heart-bold"></div>

Web component

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

<iconify-icon icon="solar:clipboard-heart-bold"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/solar/clipboard-heart-bold.svg" alt="Ikon Clipboard Heart Bold" width="24" height="24">

Ikon terkait di Solar

FAQ Ikon Clipboard Heart Bold

Apakah ikon Clipboard Heart Bold gratis untuk penggunaan komersial?

Ya. Solar 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 Clipboard Heart Bold di React?

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

Bagaimana cara menambahkan ikon Clipboard Heart Bold ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/clipboard-heart-bold.svg" alt="Ikon Clipboard Heart Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Solar →