ICONYZ
Français
Icône Metabase Light de selfh.st/icons

Icône Metabase Light

selfhst:metabase-light

L'icône Metabase Light (selfhst:metabase-light) est une icône SVG gratuite de la collection selfh.st/icons par selfh.st. Elle est dessinée sur une grille de 512 × 512. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
selfh.st/icons
Auteur
selfh.st
Licence
CC-BY-4.0
Taille
512 × 512
Mots-clés
metabaselight
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M76.9 87.4c17.7 0 32 14.6 32 32.5s-14.3 32.5-32 32.5s-32-14.6-32-32.5s14.3-32.5 32-32.5m0 91c17.7 0 32 14.6 32 32.5s-14.3 32.5-32 32.5s-32-14.6-32-32.5s14.3-32.5 32-32.5m89.6.8c17.7 0 32 14.6 32 32.5s-14.3 32.5-32 32.5s-32-14.6-32-32.5s14.3-32.5 32-32.5m268.6-91.8c17.7 0 32 14.6 32 32.5s-14.3 32.5-32 32.5s-32-14.6-32-32.5s14.3-32.5 32-32.5m-89.6 91.8c17.7 0 32 14.6 32 32.5s-14.3 32.5-32 32.5s-32-14.6-32-32.5s14.3-32.5 32-32.5m89.6 0c17.7 0 32 14.6 32 32.5s-14.3 32.5-32 32.5s-32-14.6-32-32.5s14.3-32.5 32-32.5M76.9 269.3c17.7 0 32 14.6 32 32.5s-14.3 32.5-32 32.5s-32-14.6-32-32.5s14.3-32.5 32-32.5m179.1.9c17.7 0 32 14.6 32 32.5s-14.3 32.5-32 32.5s-32-14.6-32-32.5s14.3-32.5 32-32.5m179.1 0c17.7 0 32 14.6 32 32.5s-14.3 32.5-32 32.5s-32-14.6-32-32.5s14.3-32.5 32-32.5m-358.2 90c17.7 0 32 14.6 32 32.5s-14.3 32.5-32 32.5s-32-14.6-32-32.5s14.3-32.5 32-32.5m358.2 1c17.7 0 32 14.6 32 32.5s-14.3 32.5-32 32.5s-32-14.6-32-32.5s14.3-32.5 32-32.5m-268.6-26.9c-17.2 0-31.2-14.2-31.2-31.6s14-31.6 31.2-31.6s31.2 14.2 31.2 31.6c-.1 17.4-14 31.6-31.2 31.6m0-55.9c-13.2 0-23.9 10.9-23.9 24.3s10.7 24.3 23.9 24.3s23.9-10.9 23.9-24.3c-.1-13.4-10.8-24.3-23.9-24.3m0-126.9c-17.2 0-31.2-14.2-31.2-31.6s14-31.6 31.2-31.6s31.2 14.2 31.2 31.6s-14 31.6-31.2 31.6m0-55.9c-13.2 0-23.9 10.9-23.9 24.3s10.7 24.3 23.9 24.3s23.9-10.9 23.9-24.3c-.1-13.4-10.8-24.3-23.9-24.3m89.5 55.9c-17.2 0-31.2-14.2-31.2-31.6s14-31.6 31.2-31.6s31.2 14.2 31.2 31.6s-14 31.6-31.2 31.6m0-55.9c-13.2 0-23.9 10.9-23.9 24.3s10.7 24.3 23.9 24.3s23.9-10.9 23.9-24.3s-10.7-24.3-23.9-24.3m0-32.4c-17.2 0-31.2-14.2-31.2-31.6S238.8 0 256 0s31.2 14.2 31.2 31.6s-14 31.6-31.2 31.6m0-55.9c-13.2 0-23.9 10.9-23.9 24.3s10.7 24.3 23.9 24.3s23.9-10.9 23.9-24.3S269.2 7.3 256 7.3m0 236c-17.2 0-31.2-14.2-31.2-31.6s14-31.6 31.2-31.6s31.2 14.2 31.2 31.6s-14 31.6-31.2 31.6m0-55.9c-13.2 0-23.9 10.9-23.9 24.3S242.8 236 256 236s23.9-10.9 23.9-24.3s-10.7-24.3-23.9-24.3m89.5-35.9c-17.2 0-31.2-14.2-31.2-31.6s14-31.6 31.2-31.6s31.2 14.2 31.2 31.6s-14 31.6-31.2 31.6m0-55.9c-13.2 0-23.9 10.9-23.9 24.3s10.7 24.3 23.9 24.3s23.9-10.9 23.9-24.3s-10.7-24.3-23.9-24.3m0 238.7c-17.2 0-31.2-14.2-31.2-31.6s14-31.6 31.2-31.6s31.2 14.2 31.2 31.6s-14 31.6-31.2 31.6m0-55.9c-13.2 0-23.9 10.9-23.9 24.3s10.7 24.3 23.9 24.3s23.9-10.9 23.9-24.3s-10.7-24.3-23.9-24.3m-179 146.9c-17.2 0-31.2-14.2-31.2-31.6s14-31.6 31.2-31.6s31.2 14.2 31.2 31.6s-14 31.6-31.2 31.6m0-55.9c-13.2 0-23.9 10.9-23.9 24.3s10.7 24.3 23.9 24.3s23.9-10.9 23.9-24.3c-.1-13.4-10.8-24.3-23.9-24.3m89.5 55.9c-17.2 0-31.2-14.2-31.2-31.6s14-31.6 31.2-31.6s31.2 14.2 31.2 31.6s-14 31.6-31.2 31.6m0-55.9c-13.2 0-23.9 10.9-23.9 24.3S242.8 418 256 418s23.9-10.9 23.9-24.3s-10.7-24.3-23.9-24.3m0 142.6c-17.2 0-31.2-14.2-31.2-31.6s14-31.6 31.2-31.6s31.2 14.2 31.2 31.6s-14 31.6-31.2 31.6m0-55.9c-13.2 0-23.9 10.9-23.9 24.3s10.7 24.3 23.9 24.3s23.9-10.9 23.9-24.3s-10.7-24.3-23.9-24.3m89.5-30.8c-17.2 0-31.2-14.2-31.2-31.6s14-31.6 31.2-31.6s31.2 14.2 31.2 31.6s-14 31.6-31.2 31.6m0-55.9c-13.2 0-23.9 10.9-23.9 24.3s10.7 24.3 23.9 24.3s23.9-10.9 23.9-24.3s-10.7-24.3-23.9-24.3"/></svg>

Comment utiliser l'icône Metabase Light

React

import { Icon } from "@iconify/react";

<Icon icon="selfhst:metabase-light" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="selfhst:metabase-light" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="selfhst:metabase-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--metabase-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:metabase-light"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="selfhst:metabase-light"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/selfhst/metabase-light.svg" alt="Icône Metabase Light" width="24" height="24">

Icônes similaires dans selfh.st/icons

FAQ : Icône Metabase Light

L'icône Metabase Light est-elle gratuite pour un usage commercial ?

Oui. Les selfh.st/icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Metabase Light dans React ?

Installez @iconify/react et affichez <Icon icon="selfhst:metabase-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Metabase Light à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/selfhst/metabase-light.svg" alt="Icône Metabase Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les selfh.st/icons →