Иконка Graphql
material-icon-theme:graphql
Иконка Graphql (material-icon-theme:graphql) — бесплатная SVG-иконка из набора Material Icon Theme от Material Extensions. Она нарисована на сетке 32 × 32. Material Icon Theme icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Icon Theme
- Автор
- Material Extensions
- Лицензия
- MIT
- Размер
- 32 × 32
Код 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>
Как использовать иконку 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>
Веб-компонент
<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>
Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-icon-theme/graphql.svg" alt="Иконка Graphql" width="24" height="24">
Иконка Graphql в других наборах
Вопросы и ответы: Иконка Graphql
Можно ли бесплатно использовать иконку Graphql в коммерческих проектах?
Да. Material Icon Theme icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Graphql в React?
Установите @iconify/react и выведите <Icon icon="material-icon-theme:graphql" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Graphql на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-icon-theme/graphql.svg" alt="Иконка Graphql">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.
Все Иконки Material Icon Theme →
ICONYZ
