Metabase ikonu
devicon:metabase
Metabase ikonu (devicon:metabase), Devicon setinden ücretsiz bir SVG ikondur (yapımcı: konpa). 128 × 128 ızgara üzerinde çizilmiştir. Devicon icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#509ee3" fill-rule="evenodd" d="M28.723 32.726a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.792a7.67 7.792 0 0 1 7.67 7.792m0 21.819a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.792a7.67 7.792 0 0 1 7.67 7.792"/><path fill="#509ee3" fill-rule="evenodd" d="M50.196 32.726a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.792a7.67 7.792 0 0 1 7.67 7.792" opacity=".2"/><path fill="#509ee3" fill-rule="evenodd" d="M50.196 54.756a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.792a7.67 7.792 0 0 1 7.67 7.792"/><path fill="#509ee3" fill-rule="evenodd" d="M71.67 32.726A7.67 7.792 0 0 1 64 40.518a7.67 7.792 0 0 1-7.67-7.792A7.67 7.792 0 0 1 64 24.934a7.67 7.792 0 0 1 7.67 7.792m0-24.934A7.67 7.792 0 0 1 64 15.584a7.67 7.792 0 0 1-7.67-7.792A7.67 7.792 0 0 1 64 0a7.67 7.792 0 0 1 7.67 7.792m0 46.964A7.67 7.792 0 0 1 64 62.548a7.67 7.792 0 0 1-7.67-7.792A7.67 7.792 0 0 1 64 46.964a7.67 7.792 0 0 1 7.67 7.792m21.474-22.03a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.792a7.67 7.792 0 0 1 7.67 7.792" opacity=".2"/><path fill="#509ee3" fill-rule="evenodd" d="M114.618 32.726a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.792a7.67 7.792 0 0 1 7.67 7.792m-21.474 22.03a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.792a7.67 7.792 0 0 1 7.67 7.792m21.474 0a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.792a7.67 7.792 0 0 1 7.67 7.792M28.723 76.361a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.792a7.67 7.792 0 0 1 7.67 7.792"/><path fill="#509ee3" fill-rule="evenodd" d="M50.196 76.573a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.793a7.67 7.792 0 0 1 7.67 7.793" opacity=".2"/><path fill="#509ee3" fill-rule="evenodd" d="M71.67 76.573A7.67 7.792 0 0 1 64 84.365a7.67 7.792 0 0 1-7.67-7.792A7.67 7.792 0 0 1 64 68.78a7.67 7.792 0 0 1 7.67 7.793"/><path fill="#509ee3" fill-rule="evenodd" d="M93.144 76.573a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.793a7.67 7.792 0 0 1 7.67 7.793" opacity=".2"/><path fill="#509ee3" fill-rule="evenodd" d="M114.618 76.573a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.793a7.67 7.792 0 0 1 7.67 7.793M28.723 98.177a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.792a7.67 7.792 0 0 1 7.67 7.792"/><path fill="#509ee3" fill-rule="evenodd" d="M50.196 98.389a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.792a7.67 7.792 0 0 1 7.67 7.792m21.474 0A7.67 7.792 0 0 1 64 106.18a7.67 7.792 0 0 1-7.67-7.792A7.67 7.792 0 0 1 64 90.597a7.67 7.792 0 0 1 7.67 7.792m0 21.819A7.67 7.792 0 0 1 64 128a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.792a7.67 7.792 0 0 1 7.67 7.792m21.474-21.819a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.792a7.67 7.792 0 0 1 7.67 7.792" opacity=".2"/><path fill="#509ee3" fill-rule="evenodd" d="M114.618 98.389a7.67 7.792 0 0 1-7.67 7.792a7.67 7.792 0 0 1-7.67-7.792a7.67 7.792 0 0 1 7.67-7.792a7.67 7.792 0 0 1 7.67 7.792"/></svg>Metabase ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="devicon:metabase" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon:metabase" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon:metabase" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--metabase]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:metabase"></div>Web bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon:metabase"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/devicon/metabase.svg" alt="Metabase ikonu" width="24" height="24">Diğer ikon setlerinde Metabase ikonu
Metabase ikonu: sık sorulan sorular
Metabase ikonu ticari kullanım için ücretsiz mi?
Evet. Devicon icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Metabase ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="devicon:metabase" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Metabase ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/devicon/metabase.svg" alt="Metabase ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.