Icône Cloud Sun Sharp

keyline-icons:cloud-sun-sharp

L'icône Cloud Sun Sharp (keyline-icons:cloud-sun-sharp) est une icône SVG gratuite de la collection Keyline Icons. Elle est dessinée sur une grille de 24 × 24. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Keyline Icons
Auteur: Keyline Icons
Licence: MIT
Taille: 24 × 24
Mots-clés: cloudsun, sunsharp, cloudsunsharp

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M10 22L19 22C20.6569 22 22 20.6569 22 19C22 17.3431 20.6569 16 19 16C19 13.5147 16.9853 11.5 14.5 11.5C12.0147 11.5 10 13.5147 10 16C8.3431 16 7 17.3431 7 19C7 20.6569 8.3431 22 10 22ZM8.0499 11.8567L7.6787 10.9281C7.5606 10.6329 7.5 10.3179 7.5 10C7.5 8.6193 8.6193 7.5 10 7.5C10.5583 7.5 11.1004 7.6868 11.5402 8.0308L12.3279 8.6468M4.5 10L1 10M5.6967 5.6967L4.0503 4.0503M10 4.5L10 1M14.3033 5.6967L15.9497 4.0503"/></svg>

Comment utiliser l'icône Cloud Sun Sharp

React

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

<Icon icon="keyline-icons:cloud-sun-sharp" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:cloud-sun-sharp" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:cloud-sun-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--cloud-sun-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:cloud-sun-sharp"></div>

Web component

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

<iconify-icon icon="keyline-icons:cloud-sun-sharp"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/cloud-sun-sharp.svg" alt="Icône Cloud Sun Sharp" width="24" height="24">

Icônes similaires dans Keyline Icons

L'icône Cloud Sun Sharp dans d'autres collections

FAQ : Icône Cloud Sun Sharp

L'icône Cloud Sun Sharp est-elle gratuite pour un usage commercial ?

Oui. Les Keyline Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Cloud Sun Sharp dans React ?

Installez @iconify/react et affichez <Icon icon="keyline-icons:cloud-sun-sharp" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Cloud Sun Sharp à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/keyline-icons/cloud-sun-sharp.svg" alt="Icône Cloud Sun Sharp">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Keyline Icons →