Graphql Light icon
skill-icons:graphql-light
The Graphql Light icon (skill-icons:graphql-light) is a free SVG icon from the Skill Icons set by tandpfun. It is drawn on a 256 × 256 grid. Skill Icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Skill Icons
- Author
- tandpfun
- License
- MIT
- Size
- 256 × 256
- Tags
- graphqllight
SVG code
<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="#f4f2ed" rx="60"/><path fill="#e535ab" d="m47.862 176.192l7.342 4.239l81.793-141.665l-7.342-4.239z"/><path fill="#e535ab" d="M209.766 164.875H46.181v8.478h163.585z"/><path fill="#e535ab" d="m49.418 169.637l81.823 47.242l4.239-7.342l-81.823-47.242zm71.08-123.125l81.823 47.242l4.239-7.342l-81.823-47.242z"/><path fill="#e535ab" d="m49.44 86.38l4.24 7.342l81.823-47.242l-4.239-7.342z"/><path fill="#e535ab" d="m119.019 38.768l81.793 141.664l7.342-4.239l-81.793-141.664zm-57.874 41.99h-8.478v94.484h8.478z"/><path fill="#e535ab" d="M203.331 80.758h-8.478v94.484h8.478z"/><path fill="#e535ab" d="m126.095 206.877l3.703 6.414l71.164-41.088l-3.703-6.413z"/><path fill="#e535ab" d="M214.567 178c-4.903 8.529-15.833 11.44-24.362 6.537s-11.44-15.832-6.537-24.361s15.833-11.441 24.362-6.538c8.58 4.954 11.491 15.833 6.537 24.362M72.279 95.824c-4.903 8.529-15.833 11.441-24.362 6.538S36.477 86.529 41.38 78c4.903-8.53 15.832-11.44 24.362-6.537c8.529 4.954 11.44 15.832 6.537 24.361M41.431 178c-4.903-8.529-1.992-19.408 6.537-24.362c8.53-4.903 19.408-1.992 24.362 6.538c4.903 8.529 1.992 19.407-6.537 24.361c-8.58 4.903-19.459 1.992-24.362-6.537m142.288-82.176c-4.903-8.529-1.992-19.407 6.537-24.361c8.529-4.903 19.408-1.992 24.362 6.537c4.903 8.53 1.992 19.408-6.538 24.362c-8.529 4.903-19.458 1.991-24.361-6.538M127.999 228c-9.857 0-17.824-7.967-17.824-17.824s7.967-17.825 17.824-17.825s17.824 7.968 17.824 17.825c0 9.806-7.967 17.824-17.824 17.824m0-164.351c-9.857 0-17.824-7.968-17.824-17.825S118.142 28 127.999 28s17.824 7.967 17.824 17.824s-7.967 17.825-17.824 17.825"/></g></svg>How to use the Graphql Light icon
React
import { Icon } from "@iconify/react";
<Icon icon="skill-icons:graphql-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="skill-icons:graphql-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="skill-icons:graphql-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--graphql-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:graphql-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="skill-icons:graphql-light"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/skill-icons/graphql-light.svg" alt="Graphql Light icon" width="24" height="24">Related icons in Skill Icons
Graphql Light icon FAQ
Is the Graphql Light icon free for commercial use?
Yes. Skill Icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Graphql Light icon in React?
Install @iconify/react and render <Icon icon="skill-icons:graphql-light" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Graphql Light icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/skill-icons/graphql-light.svg" alt="Graphql Light icon">, or paste the SVG code inline to style it with CSS.