Ícone Sonarcloud
material-icon-theme:sonarcloud
O ícone Sonarcloud (material-icon-theme:sonarcloud) é um ícone SVG gratuito da coleção Material Icon Theme de Material Extensions. Ele é desenhado em uma grade de 24 × 24. Material Icon Theme icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Material Icon Theme
- Autor
- Material Extensions
- Licença
- MIT
- Tamanho
- 24 × 24
Código 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>Como usar o ícone 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>Imagem HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/sonarcloud.svg" alt="Ícone Sonarcloud" width="24" height="24">O ícone Sonarcloud em outras coleções
Perguntas frequentes sobre Ícone Sonarcloud
O ícone Sonarcloud é grátis para uso comercial?
Sim. Material Icon Theme icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Sonarcloud no React?
Instale @iconify/react e renderize <Icon icon="material-icon-theme:sonarcloud" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Sonarcloud a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/material-icon-theme/sonarcloud.svg" alt="Ícone Sonarcloud">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.