Graphene icon

logos:graphene

The Graphene icon (logos:graphene) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 302 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 302

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="302" viewBox="0 0 256 302"><path fill="#f25f3f" d="m127.888 0l22.031 12.893l-11.474 6.801l11.8-6.966v26.034L44.11 101.237v99.216l.104-.061l83.175 48.352l84.539-48.872v-72.405l-84.001 49.523l-.001-.209l-21.735-12.941l-.001-25.653l-.452-.279l127.661-74.962l22.539 12.478l.044-.026v.051l.021.011l-.021.012v150.856l-127.327 75.175l.001.412l-.348-.207l-.381.225l-.001-.452L0 225.554V74.98l5.623 3.317l-5.397-3.336z"/><path fill="#f25f3f" d="M150.245 12.728v26.034L44.11 101.237v99.38l-21.921 12.639V88.333z"/><path fill="#ffaa5b" d="M149.919 12.893L127.888 0L.226 74.961L22.259 88.58zm104.888 187.499l-21.79-12.71l-105.628 61.062l-83.175-48.352l-22.105 12.918l83.247 49.333l22.033 13.619zm1.196-124.932l-22.604-12.514l-127.661 74.962l22.033 13.618z"/><path fill="#eb1919" d="m0 74.98l22.312 13.161V213.21l106.344 62.293v26.412L0 225.554zm211.928 26.845v98.372l22.338 12.636V106.582z"/><path fill="#f25f3f" d="M127.928 301.933v-26.034l106.134-63.074v-98.406l-106.134 62.57v-25.915l128.055-75.676v150.93z"/><path fill="#eb1919" d="M106.191 137.695v26.145l21.851 13.01v-25.883z"/></svg>

How to use the Graphene icon

React

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

<Icon icon="logos:graphene" width="24" />

Vue

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

<template>
  <Icon icon="logos:graphene" width="24" />
</template>

Svelte

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

<Icon icon="logos:graphene" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--graphene]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:graphene"></div>

Web component

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

<iconify-icon icon="logos:graphene"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/graphene.svg" alt="Graphene icon" width="24" height="24">

Graphene icon FAQ

Is the Graphene icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Graphene icon in React?

Install @iconify/react and render <Icon icon="logos:graphene" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Graphene icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/graphene.svg" alt="Graphene icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →