Goplay アイコン
cbi:goplay
Goplay アイコン(cbi:goplay)は、Custom Brand Icons セットの無料 SVG アイコンです（作者: Emanuele & rchiileea）。 24 × 24 のグリッドで描かれています。 Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Custom Brand Icons
- 作者
- Emanuele & rchiileea
- ライセンス
- CC-BY-NC-SA-4.0
- サイズ
- 24 × 24
SVG コード
<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>Goplay アイコンの使い方
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 コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="cbi:goplay"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/cbi/goplay.svg" alt="Goplay アイコン" width="24" height="24">Custom Brand Icons の関連アイコン
Goplay アイコン のよくある質問
Goplay アイコンは商用利用でも無料ですか?
いいえ。Custom Brand Icons は CC BY-NC-SA 4.0 ライセンス を採用しており、作者の個別の許可なしに商用利用することはできません。
React で Goplay アイコンを使うには?
@iconify/react をインストールして <Icon icon="cbi:goplay" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Goplay アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/cbi/goplay.svg" alt="Goplay アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。