Gong アイコン
thesvg-color:gong
Gong アイコン(thesvg-color:gong)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 171 × 60 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 171 × 60
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="171" height="60" viewBox="0 0 171 60"><path fill="#8039e9" d="M54.1 25.7H37.8c-.9 0-1.6 1-1.3 1.8l3.9 10.1c.2.4-.2.9-.7.9l-5-.3q-.3 0-.6.3L30.3 44c-.2.3-.6.4-1 .2l-5.8-3.9c-.2-.2-.5-.2-.8 0l-8 5.4c-.5.4-1.2-.1-1-.7l2.3-8c.1-.3-.1-.7-.4-.8l-4.2-1.7c-.4-.2-.6-.7-.3-1l3.7-4.6c.2-.2.2-.6 0-.8l-3.1-4.5c-.3-.4 0-1 .5-1l4.9-.4c.4 0 .6-.3.6-.7l-.4-6.8c0-.5.5-.8.9-.7l6 2.5c.3.1.6 0 .8-.2l4.2-4.6c.3-.4.9-.3 1.1.2l2.5 6.4c.3.8 1.3 1.1 2 .6l9.8-7.3c1.1-.8.4-2.6-1-2.4l-6.3.8c-.3 0-.6-.1-.7-.4L33.2.9C32.8 0 31.7-.2 31 .5l-7.4 8c-.2.2-.5.3-.8.2l-9.7-4.1c-.9-.4-1.8.2-1.9 1.2l-.4 10c0 .4-.3.6-.6.6l-8.9.6c-1 .1-1.6 1.2-1 2.1l5.9 8.7c.2.2.2.6 0 .8l-6 6.9c-.5.5-.2 1.6.6 1.9l6.9 3c.3.1.5.5.4.8L3.7 58.3c-.3 1.2 1.1 2.1 2.1 1.4l16.5-11.8c.2-.2.5-.2.8 0l7.5 5.3c.6.4 1.5.3 1.9-.4l4.7-7.2c.1-.2.4-.3.6-.3L49 46.7c.9.1 1.8-.6 1.5-1.5l-4.7-12.1c-.1-.3 0-.7.4-.9l8.5-4c1.2-.6.8-2.5-.6-2.5"/><path fill="#3e0075" d="M170.8 25.7h-12.6c-.2 0-.5.2-.5.5v5.6c0 .2.2.5.5.5h5.4c.3 0 .5.2.5.5c0 2.9-.6 8.1-5.9 8.1c-4.3 0-6-5.2-6-11.2c0-7.2 1.8-11.6 5.7-11.6c2.9 0 3.8 2.4 4.1 3.3c.1.2.2.3.4.3h6.6c.3 0 .5-.2.5-.5c-.3-3.6-3.3-9.9-11.4-9.9c-5.7 0-11 3.5-12.7 12v-11c0-.1-.1-.2-.2-.2h-7c-.1 0-.2.1-.2.2v19.6c0 .2-.3.3-.4.1l-9.1-19.8c0-.1-.1-.1-.2-.1H122c-.1 0-.2.1-.2.2v11c-2.3-7-8.5-12-16.5-12c-9 0-15.7 6.2-17.2 14.5H75.5c-.1 0-.2.1-.2.2v6c0 .1.1.2.2.2h5.9c.1 0 .2.1.2.2c0 2.8-.5 8.3-5.9 8.3c-4.3 0-6-5.2-6-11.2c0-7.2 1.8-11.6 5.7-11.6c3.1 0 3.9 2.8 4.1 3.5c0 .1.1.2.2.2h7c.1 0 .2-.1.2-.2c-.1-3.5-3.2-10.1-11.5-10.1c-6.9 0-13.2 5.1-13.2 18.2c0 9 3.5 18 13.3 18c7.3 0 11.9-5.6 12.9-12.4c2.2 7.2 8.5 12.4 16.7 12.4c7.9 0 14.2-5 16.5-12v11.1c0 .1.1.2.2.2h7c.1 0 .2-.1.2-.2V27.2c0-.2.3-.3.4-.1l9.1 19.5c0 .1.1.1.2.1h6.2c.1 0 .2-.1.2-.2v-11c1.4 6.6 5.2 12 12.8 12c8.3 0 13.1-7.3 13.1-15.3v-6c.3-.3 0-.5-.2-.5m-65.6 14.5c-5.8 0-9.9-4.5-9.9-10.8s4.1-10.8 9.9-10.8s9.9 4.5 9.9 10.8s-4 10.8-9.9 10.8"/></svg>Gong アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:gong" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:gong" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:gong" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--gong]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:gong"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:gong"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/gong.svg" alt="Gong アイコン" width="24" height="24">他のアイコンセットの Gong アイコン
Gong アイコン のよくある質問
Gong アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gong アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:gong" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gong アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/gong.svg" alt="Gong アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。