Grafana Dark アイコン
skill-icons:grafana-dark
Grafana Dark アイコン(skill-icons:grafana-dark)は、Skill Icons セットの無料 SVG アイコンです（作者: tandpfun）。 256 × 256 のグリッドで描かれています。 Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Skill Icons
- 作者
- tandpfun
- ライセンス
- MIT
- サイズ
- 256 × 256
- タグ
- grafanadark
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>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 コンポーネント
<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>HTML 画像
<img src="https://iconyz.com/api/public/svg/skill-icons/grafana-dark.svg" alt="Grafana Dark アイコン" width="24" height="24">Skill Icons の関連アイコン
他のアイコンセットの Grafana Dark アイコン
Grafana Dark アイコン のよくある質問
Grafana Dark アイコンは商用利用でも無料ですか?
はい。Skill Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Grafana Dark アイコンを使うには?
@iconify/react をインストールして <Icon icon="skill-icons:grafana-dark" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Grafana Dark アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/skill-icons/grafana-dark.svg" alt="Grafana Dark アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。