ICONYZ
Français
Icône Sonarcloud de Material Icon Theme

Icône Sonarcloud

material-icon-theme:sonarcloud

L'icône Sonarcloud (material-icon-theme:sonarcloud) est une icône SVG gratuite de la collection Material Icon Theme par Material Extensions. Elle est dessinée sur une grille de 24 × 24. Les Material Icon Theme 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
Material Icon Theme
Auteur
Material Extensions
Licence
MIT
Taille
24 × 24
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="#ef6c00" d="M11.985 2.949c-3.269 0-5.909 2.745-5.936 6.12c-2.332.834-4.022 3.116-4.022 5.813c0 3.392 2.663 6.169 5.948 6.169c1.513-.003 2.943-.625 4.025-1.675c1.081 1.052 2.513 1.673 4.026 1.675c3.278 0 5.947-2.77 5.947-6.17v-.001c0-1.145-.314-2.26-.891-3.237a8.3 8.3 0 0 0-1.192-1.379l-.089-.081a5 5 0 0 0-.163-.14l-.02-.016l-.037-.03a5.7 5.7 0 0 0-1.666-.945c-.036-3.36-2.669-6.103-5.93-6.103m.007 1.937c2.242 0 4.072 1.894 4.072 4.238v.002a4.32 4.32 0 0 1-1.717 3.46h-.002a.985.985 0 0 0-.218 1.33l.002.002c.179.262.47.41.766.41a.9.9 0 0 0 .546-.182c1.04-.78 1.769-1.882 2.16-3.115a4.24 4.24 0 0 1 2.51 3.855c-.006 2.337-1.836 4.234-4.085 4.234c-2.24 0-4.07-1.895-4.071-4.238v-.002a.954.954 0 0 0-.932-.964h-.007a.95.95 0 0 0-.936.966v.002c0 1.08.317 2.077.788 2.961a3.97 3.97 0 0 1-2.894 1.28c-2.242 0-4.075-1.897-4.075-4.24c0-2.341 1.833-4.238 4.075-4.238c.487 0 .957.09 1.412.258l.007.004l.016.004l.005.002l.008.004c.07.025.154.061.23.098c.08.04.156.09.155.09a.913.913 0 0 0 1.32-.11a.98.98 0 0 0-.102-1.347l-.002-.002c-.362-.318-.864-.504-.994-.552h-.002a5.8 5.8 0 0 0-2.047-.374h-.01c.206-2.15 1.91-3.836 4.023-3.836z"/></svg>

Comment utiliser l'icône Sonarcloud

React

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

<Icon icon="material-icon-theme:sonarcloud" width="24" />

Vue

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

<template>
  <Icon icon="material-icon-theme:sonarcloud" width="24" />
</template>

Svelte

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

<Icon icon="material-icon-theme:sonarcloud" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--sonarcloud]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:sonarcloud"></div>

Web component

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

<iconify-icon icon="material-icon-theme:sonarcloud"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/material-icon-theme/sonarcloud.svg" alt="Icône Sonarcloud" width="24" height="24">

L'icône Sonarcloud dans d'autres collections

FAQ : Icône Sonarcloud

L'icône Sonarcloud est-elle gratuite pour un usage commercial ?

Oui. Les Material Icon Theme icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Sonarcloud dans React ?

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

Comment ajouter l'icône Sonarcloud à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-icon-theme/sonarcloud.svg" alt="Icône Sonarcloud">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Material Icon Theme →