Icône Clipboard Heart Bold

solar:clipboard-heart-bold

L'icône Clipboard Heart Bold (solar:clipboard-heart-bold) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Solar
Auteur: 480 Design
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Notes
Mots-clés: clipboardheart, heartbold, clipboardheartbold

Télécharger le SVG

Code 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>

Comment utiliser l'icône 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>

Image HTML

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

Icônes similaires dans Solar

FAQ : Icône Clipboard Heart Bold

L'icône Clipboard Heart Bold est-elle gratuite pour un usage commercial ?

Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Clipboard Heart Bold dans React ?

Installez @iconify/react et affichez <Icon icon="solar:clipboard-heart-bold" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Clipboard Heart Bold à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/clipboard-heart-bold.svg" alt="Icône Clipboard Heart Bold">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Solar →