graphene logo

graphene from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
graphene
Set
SVG Logos
Style
Color
Viewbox
256×302
License
CC0

Use the graphene logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>

React

import type { SVGProps } from "react";

export function LogosGraphene(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" 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>
</template>

CSS

.icon-graphene {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20302%22%3E%3Cpath%20fill%3D%22%23f25f3f%22%20d%3D%22m127.888%200l22.031%2012.893l-11.474%206.801l11.8-6.966v26.034L44.11%20101.237v99.216l.104-.061l83.175%2048.352l84.539-48.872v-72.405l-84.001%2049.523l-.001-.209l-21.735-12.941l-.001-25.653l-.452-.279l127.661-74.962l22.539%2012.478l.044-.026v.051l.021.011l-.021.012v150.856l-127.327%2075.175l.001.412l-.348-.207l-.381.225l-.001-.452L0%20225.554V74.98l5.623%203.317l-5.397-3.336z%22%2F%3E%3Cpath%20fill%3D%22%23f25f3f%22%20d%3D%22M150.245%2012.728v26.034L44.11%20101.237v99.38l-21.921%2012.639V88.333z%22%2F%3E%3Cpath%20fill%3D%22%23ffaa5b%22%20d%3D%22M149.919%2012.893L127.888%200L.226%2074.961L22.259%2088.58zm104.888%20187.499l-21.79-12.71l-105.628%2061.062l-83.175-48.352l-22.105%2012.918l83.247%2049.333l22.033%2013.619zm1.196-124.932l-22.604-12.514l-127.661%2074.962l22.033%2013.618z%22%2F%3E%3Cpath%20fill%3D%22%23eb1919%22%20d%3D%22m0%2074.98l22.312%2013.161V213.21l106.344%2062.293v26.412L0%20225.554zm211.928%2026.845v98.372l22.338%2012.636V106.582z%22%2F%3E%3Cpath%20fill%3D%22%23f25f3f%22%20d%3D%22M127.928%20301.933v-26.034l106.134-63.074v-98.406l-106.134%2062.57v-25.915l128.055-75.676v150.93z%22%2F%3E%3Cpath%20fill%3D%22%23eb1919%22%20d%3D%22M106.191%20137.695v26.145l21.851%2013.01v-25.883z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%20256%20302%22%3E%3Cpath%20fill%3D%22%23f25f3f%22%20d%3D%22m127.888%200l22.031%2012.893l-11.474%206.801l11.8-6.966v26.034L44.11%20101.237v99.216l.104-.061l83.175%2048.352l84.539-48.872v-72.405l-84.001%2049.523l-.001-.209l-21.735-12.941l-.001-25.653l-.452-.279l127.661-74.962l22.539%2012.478l.044-.026v.051l.021.011l-.021.012v150.856l-127.327%2075.175l.001.412l-.348-.207l-.381.225l-.001-.452L0%20225.554V74.98l5.623%203.317l-5.397-3.336z%22%2F%3E%3Cpath%20fill%3D%22%23f25f3f%22%20d%3D%22M150.245%2012.728v26.034L44.11%20101.237v99.38l-21.921%2012.639V88.333z%22%2F%3E%3Cpath%20fill%3D%22%23ffaa5b%22%20d%3D%22M149.919%2012.893L127.888%200L.226%2074.961L22.259%2088.58zm104.888%20187.499l-21.79-12.71l-105.628%2061.062l-83.175-48.352l-22.105%2012.918l83.247%2049.333l22.033%2013.619zm1.196-124.932l-22.604-12.514l-127.661%2074.962l22.033%2013.618z%22%2F%3E%3Cpath%20fill%3D%22%23eb1919%22%20d%3D%22m0%2074.98l22.312%2013.161V213.21l106.344%2062.293v26.412L0%20225.554zm211.928%2026.845v98.372l22.338%2012.636V106.582z%22%2F%3E%3Cpath%20fill%3D%22%23f25f3f%22%20d%3D%22M127.928%20301.933v-26.034l106.134-63.074v-98.406l-106.134%2062.57v-25.915l128.055-75.676v150.93z%22%2F%3E%3Cpath%20fill%3D%22%23eb1919%22%20d%3D%22M106.191%20137.695v26.145l21.851%2013.01v-25.883z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/logos/graphene.svg?color=%231a73e8&size=48