Icône Heart Watch
streamline-kameleon-color:heart-watch
L'icône Heart Watch (streamline-kameleon-color:heart-watch) est une icône SVG gratuite de la collection Kameleon color icons par Streamline. Elle est dessinée sur une grille de 48 × 48. Les Kameleon color 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
- Kameleon color icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 48 × 48
- Catégorie
- Santé
- Mots-clés
- heartwatch
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#e04f5f" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#e2e4e5" d="M35.049 15.13c-.876-.876-2.185-.837-3.007-.015l2.992 2.992c.859-.86.812-2.18.015-2.977"/><path fill="#fff" d="m32.042 15.115l1.524 1.524l1.494-1.495a2.093 2.093 0 0 0-3.019-.03"/><path fill="#cfd3d4" d="m33.536 18.11l.75-.75l-1.496-1.496l-.716.715c.53.467 1.02.98 1.462 1.531M24 13.526q.89.002 1.745.127v-1.436h-3.49v1.435c.57-.081 1.153-.126 1.745-.126"/><path fill="#fff" d="M24 37.962c6.748 0 12.218-5.47 12.218-12.218c0-6.747-5.47-12.217-12.218-12.217s-12.218 5.47-12.218 12.218c0 6.747 5.47 12.217 12.218 12.217"/><path fill="#9ce5f4" d="M24 35.867c5.543 0 10.037-4.493 10.037-10.035c0-5.543-4.494-10.036-10.037-10.036s-10.036 4.493-10.036 10.036S18.457 35.867 24 35.867"/><path fill="#c9f2f8" d="M13.964 25.832c0 5.542 4.493 10.035 10.036 10.035V15.796c-5.543 0-10.036 4.493-10.036 10.036"/><path fill="#df2c2c" d="M24 23.127c-1.529-3.49-5.673-2.39-5.673 1.55c.078 3.587 5.673 6.304 5.673 6.304s5.595-2.717 5.673-6.304c0-3.94-4.147-4.605-5.673-1.55"/><path fill="#e2e4e5" d="M27.491 12.655H20.51v-.918c0-.668.542-1.264 1.21-1.264h4.563c.668 0 1.21.596 1.21 1.263z"/><path fill="#fff" d="M24 10.473h-2.282c-.668 0-1.209.596-1.209 1.263v.918H24z"/></g></svg>Comment utiliser l'icône Heart Watch
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-kameleon-color:heart-watch" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-kameleon-color:heart-watch" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-kameleon-color:heart-watch" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--heart-watch]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:heart-watch"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-kameleon-color:heart-watch"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/heart-watch.svg" alt="Icône Heart Watch" width="24" height="24">Icônes similaires dans Kameleon color icons
FAQ : Icône Heart Watch
L'icône Heart Watch est-elle gratuite pour un usage commercial ?
Oui. Les Kameleon color 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 Heart Watch dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-kameleon-color:heart-watch" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Heart Watch à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/heart-watch.svg" alt="Icône Heart Watch">, ou collez le code SVG directement dans la page pour le styliser en CSS.