ICONYZ
Français
Icône Graphql de Material Icon Theme

Icône Graphql

material-icon-theme:graphql

L'icône Graphql (material-icon-theme:graphql) est une icône SVG gratuite de la collection Material Icon Theme par Material Extensions. Elle est dessinée sur une grille de 32 × 32. Les Material Icon Theme icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Material Icon Theme
Auteur
Material Extensions
Licence
MIT
Taille
32 × 32
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="#ec407a" d="M6 20h20v2H6z"/><circle cx="7" cy="21" r="3" fill="#ec407a"/><circle cx="16" cy="27" r="3" fill="#ec407a"/><circle cx="25" cy="21" r="3" fill="#ec407a"/><path fill="#ec407a" d="M6 10h20v2H6z"/><circle cx="7" cy="11" r="3" fill="#ec407a"/><circle cx="16" cy="5" r="3" fill="#ec407a"/><circle cx="25" cy="11" r="3" fill="#ec407a"/><path fill="#ec407a" d="M6 12h2v10H6zm18-2h2v12h-2z"/><path fill="#ec407a" d="m5.014 19.41l11.674 6.866L15.674 28L4 21.134z"/><path fill="#ec407a" d="M26.688 21.724L15.014 28.59L14 26.866L25.674 20zM5.124 10.382l11.415-7.29l1.077 1.686L6.2 12.068z"/><path fill="#ec407a" d="m25.798 12.067l-11.415-7.29l1.077-1.685l11.415 7.29zM6.2 19.932l11.416 7.29l-1.077 1.686l-11.415-7.29z"/><path fill="#ec407a" d="m26.875 21.619l-11.415 7.29l-1.077-1.687l11.415-7.289zM5.877 22.6L16.04 3.686l1.762.946L7.638 23.546z"/><path fill="#ec407a" d="M24.361 23.545L14.197 4.633l1.761-.947l10.165 18.913z"/></svg>

Comment utiliser l'icône Graphql

React

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

<Icon icon="material-icon-theme:graphql" width="24" />

Vue

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

<template>
  <Icon icon="material-icon-theme:graphql" width="24" />
</template>

Svelte

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

<Icon icon="material-icon-theme:graphql" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-icon-theme--graphql]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-icon-theme -->
<div class="i-material-icon-theme:graphql"></div>

Web component

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

<iconify-icon icon="material-icon-theme:graphql"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/material-icon-theme/graphql.svg" alt="Icône Graphql" width="24" height="24">

L'icône Graphql dans d'autres collections

FAQ : Icône Graphql

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

Oui. Les Material Icon Theme icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Graphql dans React ?

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

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

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/material-icon-theme/graphql.svg" alt="Icône Graphql">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Material Icon Theme →