Logitech G アイコン
thesvg-color:logitech-g
Logitech G アイコン(thesvg-color:logitech-g)は、theSVG Color セットの無料 SVG アイコンです（作者: thesvg.org）。 24 × 24 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- theSVG Color
- 作者
- thesvg.org
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- logitechg
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M22.47 18.367c-1.772 0-3.142-1.357-3.142-3.194c0-1.757 1.37-3.114 3.141-3.114c1.772 0 3.141 1.357 3.141 3.114c.08 1.837-1.369 3.194-3.14 3.194m5.798-6.388V9.823h-3.866c-.644-.24-1.288-.32-1.933-.32c-3.302 0-5.879 2.476-5.879 5.75s2.577 5.75 5.88 5.75c3.301 0 5.878-2.476 5.878-5.75c0-1.118-.322-2.156-.886-2.955zM9.745 18.367c-1.772 0-3.141-1.357-3.141-3.194c0-1.757 1.369-3.114 3.14-3.114c1.773 0 3.142 1.357 3.142 3.114c0 1.837-1.37 3.194-3.141 3.194m0-8.864c-3.302 0-5.88 2.476-5.88 5.75s2.578 5.75 5.88 5.75s5.879-2.476 5.879-5.75s-2.577-5.75-5.88-5.75zM0 20.683h2.738V5.271H0Zm29.476 0h2.738V9.823h-2.738zm-7.007 3.833c-1.771 0-3.14-1.357-3.14-3.114H16.59c0 3.274 2.577 5.75 5.88 5.75c3.301 0 5.878-2.476 5.878-5.75H25.61c0 1.836-1.369 3.114-3.14 3.114zm19.812-10.381c.403-1.438 1.45-2.236 2.9-2.236s2.496.798 2.818 2.236zm2.98-4.632c-3.302 0-5.799 2.476-5.799 5.83c0 3.274 2.255 5.67 5.799 5.67c1.933 0 3.704-.72 4.993-2.077l-1.852-1.836c-.886.878-1.853 1.437-3.06 1.437c-1.53 0-2.658-.879-2.98-2.236h8.536v-.639c0-3.673-2.335-6.149-5.637-6.149m24.24 0c-1.368 0-2.496.48-3.301 1.358V5.19h-2.738v15.492H66.2v-5.91c0-1.596.966-2.635 2.658-2.635c1.53 0 2.416.959 2.416 2.636v5.91h2.738v-6.39c0-3.034-1.933-4.791-4.51-4.791zm-11.838 2.635c1.128 0 2.094.56 2.819 1.438l1.933-1.837c-1.047-1.357-2.738-2.156-4.671-2.156c-3.302 0-5.88 2.476-5.88 5.75s2.578 5.75 5.88 5.75c1.933 0 3.624-.88 4.67-2.157l-1.932-1.916c-.725.798-1.691 1.437-2.819 1.437c-1.772 0-3.06-1.357-3.06-3.114c-.08-1.837 1.288-3.195 3.06-3.195M37.61 6.468h-2.738v3.355h-1.45v2.395h1.45v8.465h2.738v-8.465h1.53V9.823h-1.53V6.467Zm-6.765-1.517c-.966 0-1.772.799-1.772 1.837c0 .958.806 1.757 1.772 1.757c1.047 0 1.852-.799 1.852-1.757c0-1.038-.805-1.837-1.852-1.837M94.79 0v5.51c-4.349 0-7.812 3.434-7.812 7.746c0 4.233 3.463 7.747 7.812 7.747v5.51c-7.41 0-13.45-5.91-13.45-13.257S87.38 0 94.79 0m.161 10.86v5.43h6.443v6.39h5.476V10.86Z"/></svg>Logitech G アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:logitech-g" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:logitech-g" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:logitech-g" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--logitech-g]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:logitech-g"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:logitech-g"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/thesvg-color/logitech-g.svg" alt="Logitech G アイコン" width="24" height="24">他のアイコンセットの Logitech G アイコン
Logitech G アイコン のよくある質問
Logitech G アイコンは商用利用でも無料ですか?
はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Logitech G アイコンを使うには?
@iconify/react をインストールして <Icon icon="thesvg-color:logitech-g" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Logitech G アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/logitech-g.svg" alt="Logitech G アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。