Genesis Vgs icon
cbi:genesis-vgs
The Genesis Vgs icon (cbi:genesis-vgs) is a free SVG icon from the Custom Brand Icons set by Emanuele & rchiileea. It is drawn on a 24 × 24 grid. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Custom Brand Icons
- Author
- Emanuele & rchiileea
- License
- CC-BY-NC-SA-4.0
- Size
- 24 × 24
- Tags
- genesisvgs
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M10.077 10.982h.227v.075h-.278v-.273h.388l.18-.123h-.606l-.186.126v.393h.554l.171-.116v-.205h-.269Zm1.787-.169l-.274-.152h-.227v.519h.223v-.346l.278.173v.173h.224v-.519h-.224Zm-.733-.029l.182-.123h-.533l-.195.12v.399h.542l.183-.123h-.501v-.075h.214l.182-.123h-.396v-.075Zm1.243.273v-.075h.214l.183-.123h-.397v-.075h.323l.181-.123h-.533l-.194.12v.399h.542l.183-.123Zm2.137-.273l.182-.123h-.549l-.184.126v.195h.498v.075h-.322l-.182.123h.55l.178-.121v-.2h-.498v-.075Zm-.861-.123h.224v.518h-.224Zm-.24.123l.182-.123h-.55l-.183.126v.195h.498v.075h-.322l-.182.123h.549l.179-.121v-.2h-.499v-.075Zm7.877.403c-1.4-2.043-4.94-3.381-8.642-3.523l-.014-.037c-.2-.4.914-.932 1.113-1.246a1.6 1.6 0 0 0 .163-1.451c-.188-.51-1.007-.29-.817.227c.295.801-.529 1.072-.993 1.537a1.13 1.13 0 0 0-.318.959c-3.851.052-7.614 1.412-9.065 3.534c-1.48 2.165-.417 5.422.994 6.888s3.05 1.978 3.908-.122c.751-1.842 4.176-1.92 4.384-1.923s3.633.081 4.385 1.923c.858 2.106 2.5 1.591 3.908.124s2.474-4.724.994-6.89m-5.901-1.073l1.592-.708a.315.315 0 1 1 .254.577l-1.595.708a.32.32 0 0 1-.424-.156a.3.3 0 0 1 0-.246a.32.32 0 0 1 .168-.175Zm-9 6.02a3.283 3.283 0 1 1 3.256-3.281a3.276 3.276 0 0 1-3.263 3.281Zm3.439-4.8l-.343-.2v-.445l.322-.188h1.584l.287-.412h1.154l.289.412h1.608l.324.189v.44l-.343.2Zm10.341 2.419c-.738.267-2.031.895-2.044.9c-.091.039-.378.2-.71.395c-.376.215-.844.484-1.187.661a1.55 1.55 0 0 1-.701.153a1.86 1.86 0 0 1-1.883-1.793c-.164-1.688 2.751-3.122 2.875-3.182c1.969-.89 3.42-.846 4.26.113a1.69 1.69 0 0 1 .481 1.576a1.79 1.79 0 0 1-1.091 1.177m-2.536-1.644a.755.755 0 1 0 .75.754a.75.75 0 0 0-.75-.754m1.349-1.65a6 6 0 0 0-2.372.621c-.027.013-2.901 1.428-2.754 2.968a1.66 1.66 0 0 0 1.673 1.6a1.35 1.35 0 0 0 .601-.129c.339-.175.8-.443 1.179-.657c.352-.2.63-.362.728-.4c.008-.005 1.311-.638 2.059-.909a1.57 1.57 0 0 0 .96-1.027a1.52 1.52 0 0 0-.435-1.383a2.08 2.08 0 0 0-1.639-.684m-3.292 4.442a.968.968 0 1 1 .962-.968a.965.965 0 0 1-.962.968m1.943-1.07a.968.968 0 1 1 .962-.968a.965.965 0 0 1-.962.968m2.036-.885a.968.968 0 1 1 .961-.967a.965.965 0 0 1-.961.967M5.915 14.553v-1.25l-1.229.012a1.78 1.78 0 0 0 1.229 1.238m13.751-3.329a.755.755 0 1 0 .749.755a.753.753 0 0 0-.749-.755m-3.979 1.955a.755.755 0 1 0 .751.754a.753.753 0 0 0-.751-.754m-.138-2.682l1.589-.709a.11.11 0 0 0 .062-.14a.1.1 0 0 0-.1-.058a.1.1 0 0 0-.049.01l-1.593.708a.12.12 0 0 0-.062.063a.1.1 0 0 0 0 .078a.11.11 0 0 0 .153.048m-8.705.65v1.251l1.229-.013a1.78 1.78 0 0 0-1.229-1.238m-.014 1.45a.2.2 0 0 1-.2-.2v-1.294a1.7 1.7 0 0 0-.5 0v1.3a.2.2 0 0 1-.2.2H4.642a1.8 1.8 0 0 0 0 .509h1.287a.2.2 0 0 1 .2.2v1.3a1.8 1.8 0 0 0 .5 0v-1.307a.2.2 0 0 1 .2-.2h1.288a1.8 1.8 0 0 0 0-.509Zm-.915-1.45a1.78 1.78 0 0 0-1.229 1.237h1.229Zm.464-1.366a3.07 3.07 0 1 0 3.051 3.072a3.064 3.064 0 0 0-3.051-3.072m-2.566 3.272l-.483-.2l.483-.206Zm2.566-3.27l.205.485h-.409Zm0 6.137l-.2-.486h.409Zm1.958-2.814l-.024.126l-.017.087h-.01a1.96 1.96 0 0 1-1.442 1.452v.006l-.084.017l-.126.025v-.006a2 2 0 0 1-.253.018a2 2 0 0 1-.252-.018v.006l-.126-.025l-.083-.017v-.006a1.96 1.96 0 0 1-1.443-1.452h-.012l-.016-.087l-.025-.126h.006a1.8 1.8 0 0 1 0-.509h-.006l.025-.127l.016-.086h.007a1.96 1.96 0 0 1 1.443-1.452v-.007L6 10.908l.127-.024v.006a2 2 0 0 1 .5 0v-.006l.126.024l.086.017v.007a1.96 1.96 0 0 1 1.448 1.452h.006l.017.086l.024.127h-.006a1.7 1.7 0 0 1 0 .509Zm.612-.461l.482.206l-.482.206Zm-2.107 1.908a1.78 1.78 0 0 0 1.23-1.237H6.83Z"/></svg>How to use the Genesis Vgs icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:genesis-vgs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:genesis-vgs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:genesis-vgs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--genesis-vgs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:genesis-vgs"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:genesis-vgs"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/genesis-vgs.svg" alt="Genesis Vgs icon" width="24" height="24">Related icons in Custom Brand Icons
Genesis Vgs icon FAQ
Is the Genesis Vgs icon free for commercial use?
No. Custom Brand Icons use the CC BY-NC-SA 4.0 license, which does not allow commercial use without separate permission from the author.
How do I use the Genesis Vgs icon in React?
Install @iconify/react and render <Icon icon="cbi:genesis-vgs" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Genesis Vgs icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/genesis-vgs.svg" alt="Genesis Vgs icon">, or paste the SVG code inline to style it with CSS.