Goplay icon
cbi:goplay
The Goplay icon (cbi:goplay) 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
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M7.123 2a3.823 3.823 0 0 0-3.82 3.82v5.223a3.825 3.825 0 0 0 3.82 3.822a3.825 3.825 0 0 0 3.82-3.822v-2.07a.74.74 0 0 0-.74-.74H7.148v1.48h2.315v1.277c0 1.206-.992 2.298-2.162 2.387a2.3 2.3 0 0 1-1.769-.617a2.35 2.35 0 0 1-.75-1.715v-5.17c0-1.206.99-2.298 2.159-2.385a2.32 2.32 0 0 1 1.77.617c.477.442.752 1.067.752 1.715v.215c0 .408.333.742.741.742s.74-.333.74-.742v-.215A3.827 3.827 0 0 0 7.122 2Zm9.811.166a3.77 3.77 0 0 0-3.766 3.764v5.145a3.77 3.77 0 0 0 3.766 3.766a3.77 3.77 0 0 0 3.763-3.766V5.93a3.77 3.77 0 0 0-3.763-3.764m0 1.459a2.31 2.31 0 0 1 2.305 2.305v5.145a2.307 2.307 0 0 1-4.612 0V5.93a2.31 2.31 0 0 1 2.307-2.305M3.303 16.59v3.773a1.632 1.632 0 1 0 3.264 0v-.307h.102a1.733 1.733 0 1 0 0-3.466Zm6.142 0c-.3 0-.473.169-.473.465v4.938h2.379c.291 0 .458-.163.458-.445s-.167-.443-.458-.443H9.917v-4.049c0-.296-.172-.465-.473-.465Zm5.259 0a.494.494 0 0 0-.49.33l-1.816 4.428c-.016.046-.041.117-.041.213c0 .246.211.439.482.439c.206 0 .343-.099.428-.311l.307-.781h2.234l.309.795c.108.245.29.297.424.297c.278 0 .504-.21.504-.469a.6.6 0 0 0-.043-.213l-1.803-4.404a.5.5 0 0 0-.494-.324Zm2.166 0c-.271 0-.49.249-.49.455c0 .098.031.2.086.287l1.619 2.73v1.453c0 .298.183.484.478.484s.475-.186.475-.484V20.06l.006-.008l1.534-2.656a.7.7 0 0 0 .119-.352c0-.23-.238-.455-.482-.455s-.347.14-.424.291v.002l-1.226 2.18l-1.301-2.217c-.134-.229-.29-.256-.394-.256Zm-12.63.939h2.427a.796.796 0 0 1 0 1.59h-1.04v1.244a.694.694 0 0 1-1.386 0Zm10.458.532l.773 1.986h-1.557l.783-1.986Z"/></svg>How to use the Goplay icon
React
import { Icon } from "@iconify/react";
<Icon icon="cbi:goplay" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="cbi:goplay" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="cbi:goplay" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[cbi--goplay]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/cbi -->
<div class="i-cbi:goplay"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:goplay"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/cbi/goplay.svg" alt="Goplay icon" width="24" height="24">Related icons in Custom Brand Icons
Goplay icon FAQ
Is the Goplay 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 Goplay icon in React?
Install @iconify/react and render <Icon icon="cbi:goplay" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Goplay icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/cbi/goplay.svg" alt="Goplay icon">, or paste the SVG code inline to style it with CSS.