Ícone Grafana Dark
skill-icons:grafana-dark
O ícone Grafana Dark (skill-icons:grafana-dark) é um ícone SVG gratuito da coleção Skill Icons de tandpfun. Ele é desenhado em uma grade de 256 × 256. Skill 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
- Skill Icons
- Autor
- tandpfun
- Licença
- MIT
- Tamanho
- 256 × 256
- Tags
- grafanadark
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="#242938" rx="60"/><path fill="url(#SVGEi1Hjddo)" d="M220.724 116.455c-.354-3.197-.71-7.105-2.131-11.368q-1.599-6.395-5.328-13.854q-3.73-7.46-9.592-14.92c-1.421-1.777-3.197-3.908-5.328-5.684c2.841-11.368-3.552-20.96-3.552-20.96c-10.658-.71-17.763 3.198-20.25 5.33c-.355 0-.71-.356-1.421-.711c-1.775-.71-3.552-1.421-5.683-2.132c-2.131-.71-3.908-1.065-6.039-1.776c-2.132-.355-4.264-.71-6.039-1.066h-1.066C149.676 34.394 136.177 28 136.177 28c-14.919 9.592-17.761 22.735-17.761 22.735v.71c-.711.356-1.777.356-2.487.711c-1.066.355-2.132.71-3.553 1.066c-1.065.355-2.131.71-3.552 1.421c-2.131 1.066-4.618 2.131-6.749 3.197c-2.132 1.066-4.263 2.487-6.395 3.908c-.355 0-.355-.355-.355-.355c-20.96-7.816-39.432 1.776-39.432 1.776c-1.776 22.025 8.17 36.234 10.302 38.721c-.355 1.421-1.065 2.842-1.42 4.263c-1.422 4.973-2.843 10.302-3.553 15.631c0 .71-.355 1.42-.355 2.131C41.684 133.506 36 153.044 36 153.044c15.986 18.473 34.814 19.538 34.814 19.538c2.486 4.264 4.973 8.171 8.17 12.078c1.42 1.421 2.842 3.198 3.908 4.619c-5.684 16.696.71 30.551.71 30.551c17.762.71 29.485-7.816 31.972-9.947c1.776.71 3.552 1.065 5.328 1.776c5.329 1.421 11.013 2.132 16.696 2.486h6.75C152.874 226.223 167.439 228 167.439 228c10.657-11.013 11.012-22.025 11.012-24.512v-.71c2.131-1.421 4.262-3.197 6.395-4.973c4.262-3.908 7.814-8.171 11.012-12.789c.355-.356.71-.71.71-1.421c12.078.711 20.249-7.46 20.249-7.46c-2.132-12.434-9.237-18.473-10.658-19.538h-.354v-14.921c-.356-1.42-.356-2.841-.711-3.907c-1.421-5.328-3.197-10.302-6.039-14.92s-6.039-8.526-9.947-12.078c-3.908-3.553-8.17-6.039-12.788-8.171s-9.237-3.197-14.21-3.907c-2.487-.356-4.618-.356-7.105-.356h-3.552c-1.066 0-2.487.356-3.552.356c-4.618.71-9.237 2.486-13.144 4.973s-7.46 5.329-10.302 8.526s-4.974 7.105-6.395 11.012s-2.131 7.815-2.486 11.723v5.684c.355 1.776.71 3.908 1.065 5.684c1.066 3.552 2.842 6.749 4.619 9.591c2.131 2.842 4.618 4.974 7.105 6.749c2.486 1.777 5.328 3.198 8.17 3.908c2.842.711 5.329 1.066 8.17 1.066h4.619c.354 0 .71 0 1.065-.355c.71 0 1.066-.355 1.776-.355c1.066-.356 2.132-.711 3.198-1.421c1.065-.356 1.775-1.066 2.841-1.777c.355 0 .356-.354.711-.71c1.066-.71 1.066-2.131.355-2.842c-.71-.71-1.776-1.066-2.486-.355c-.356 0-.356.355-.711.355c-.71.355-1.421.711-2.487 1.065c-.71.356-1.776.356-2.487.711h-5.683c-2.131-.355-3.908-.711-6.039-1.776c-2.132-.71-3.908-2.131-5.685-3.552c-1.775-1.422-3.196-3.553-4.262-5.329s-2.131-4.263-2.487-6.749c-.355-1.066-.355-2.487-.355-3.553v-1.776c0-.71 0-1.421.355-2.132c1.066-5.328 3.553-10.301 7.816-14.564c1.066-1.066 2.131-1.777 3.197-2.843c1.065-.71 2.487-1.42 3.552-2.131c1.421-.71 2.842-1.065 3.908-1.421c1.421-.355 2.842-.71 4.262-.71h4.264c1.421 0 3.196.355 4.617.71c3.198.711 6.039 1.777 8.882 3.552c5.683 3.198 10.301 8.172 13.499 13.855c1.421 2.842 2.487 6.039 3.197 9.236c0 .711.355 1.777.355 2.487v5.684c0 1.066 0 1.776-.355 2.842c0 .71-.355 1.776-.355 2.486s-.356 1.777-.711 2.487c-.356 1.776-1.066 3.553-1.776 4.973q-2.131 4.797-5.329 9.592c-4.263 5.684-9.946 10.657-16.696 13.499c-3.197 1.421-6.749 2.487-10.302 3.197c-1.776.356-3.552.356-5.329.71h-2.486c.355 0 0 0 0 0h-2.842c-3.907-.354-7.815-1.065-11.368-2.131s-7.46-2.487-10.657-4.262c-6.749-3.553-12.789-8.526-17.762-14.566c-2.487-2.841-4.618-6.039-6.039-9.591q-2.664-5.328-4.263-10.657c-1.065-3.552-1.776-7.46-1.776-11.012v-6.75c0-1.776.355-3.907.355-5.684c.355-1.776.71-3.908 1.066-5.683c.355-1.777.71-3.908 1.42-5.685c1.067-3.552 2.488-7.104 3.909-10.657c3.197-6.75 7.104-12.788 12.078-17.406c1.065-1.066 2.486-2.487 3.907-3.553s2.842-2.131 4.263-2.842c1.421-1.065 2.842-1.776 4.263-2.486l2.132-1.066c.355 0 .71-.356 1.065-.356s.711-.355 1.066-.355c1.421-.71 3.197-1.065 4.618-1.776c.355 0 .711-.355 1.066-.355s.711-.355 1.065-.355c.711-.356 1.777-.356 2.487-.71c.355 0 .711-.356 1.421-.356c.355 0 .711 0 1.421-.355c.356 0 .711 0 1.421-.355h1.421c.355 0 .71 0 1.421-.356c.355 0 1.066 0 1.421-.355h6.039s.355 0 0 0h6.394q4.796 0 9.592 1.066c6.039 1.065 11.723 3.197 17.052 5.684a55.4 55.4 0 0 1 13.853 9.236l.711.71l.71.71c.356.356 1.066.711 1.421 1.422c.356.71 1.066.71 1.422 1.42c.355.711 1.065 1.066 1.421 1.422c1.775 1.776 3.196 3.552 4.618 5.683c2.842 3.553 5.329 7.46 7.104 11.013c0 .355.356.355.356.71c0 .356.355.356.355.711c.355.355.355.71.71 1.421c.356.355.356.71.71 1.421c.356.355.356.71.711 1.421c.711 1.776 1.422 3.197 1.776 4.617c.711 2.487 1.421 4.619 1.777 6.395c.355.711 1.065 1.421 1.776 1.066c.71 0 1.421-.71 1.421-1.422c1.421-4.262 1.421-6.749 1.065-9.235"/><defs><linearGradient id="SVGEi1Hjddo" x1="129.039" x2="129.039" y1="282.048" y2="50.683" gradientUnits="userSpaceOnUse"><stop stop-color="#fff100"/><stop offset="1" stop-color="#f05a28"/></linearGradient></defs></g></svg>Como usar o ícone Grafana Dark
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:grafana-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:grafana-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:grafana-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--grafana-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:grafana-dark"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:grafana-dark"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/skill-icons/grafana-dark.svg" alt="Ícone Grafana Dark" width="24" height="24">Ícones relacionados em Skill Icons
O ícone Grafana Dark em outras coleções
Perguntas frequentes sobre Ícone Grafana Dark
O ícone Grafana Dark é grátis para uso comercial?
Sim. Skill Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Grafana Dark no React?
Instale @iconify/react e renderize <Icon icon="skill-icons:grafana-dark" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Grafana Dark a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/skill-icons/grafana-dark.svg" alt="Ícone Grafana Dark">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.