Grafana Icoon
Hoge kwaliteit Grafana transparante PNG voor web & print.
Geoptimaliseerde Grafana SVG-vectorcode voor ontwikkelaars.
Klaar voor gebruik Grafana React-icooncomponent.
Hoe gebruik je het Grafana Icoon
Kopieer het Grafana icoon als inline SVG, React-code, HTML-embed of CSS-masker.
Inline SVG
Plak de Grafana SVG direct in HTML of JSX.
React Component
Gebruik Grafana als een getypeerd React-icooncomponent.
import React from 'react';
export const GrafanaIcon = ({ className = "w-6 h-6" }: { className?: string }) => (
);HTML Embed
Gebruik een gehoste Grafana icoon-URL met bronvermelding.
CSS-masker
Gebruik Grafana als een kleurbaar CSS-masker icoon.
.grafana-icon {
display: inline-block;
width: 32px;
height: 32px;
background-color: #f46800;
mask: url("https://www.aiuidesigner.com/icons/grafana.svg") center / contain no-repeat;
-webkit-mask: url("https://www.aiuidesigner.com/icons/grafana.svg") center / contain no-repeat;
}Grafana Icoon Details
Merkkleur
Categorie
Infrastructuur
Formaten
SVG, PNG, React, HTML, CSS-masker
SVG viewBox
0 0 24 24
SVG-bestand
3.7 KB · 1 pad
Licentie
Raadpleeg de merkrichtlijnen
Bron
grafana.comOver het Grafana Icoon
Het Grafana icoon is hier beschikbaar als merkicoon in SVG-formaat. Het is gecategoriseerd onder Infrastructuur en gebruikt de merkkleur #F46800. Je kunt het downloaden als een transparante PNG, de inline SVG kopiëren, een React-component kopiëren of het embedden met HTML.
Gebruik de links naar de bron en merkrichtlijnen op deze pagina om de huidige regels voor handelsmerkgebruik te controleren voordat je het Grafana logo gebruikt in commerciële projecten, documentatie, UI-mockups of marketingpagina's.
Grafana Icoon Veelgestelde Vragen
Probeer AI Icon Generator
Een compleet uniek icoon nodig? Gebruik onze AI-aangedreven SVG Generator om in enkele seconden aangepaste, professionele iconen te maken.
Probeer AI Icon Generator