Googlepubsub アイコン
simple-icons:googlepubsub
Googlepubsub アイコン(simple-icons:googlepubsub)は、Simple Icons セットの無料 SVG アイコンです（作者: Simple Icons Collaborators）。 24 × 24 のグリッドで描かれています。 Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Simple Icons
- 作者
- Simple Icons Collaborators
- ライセンス
- CC0-1.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="M18.3 7.452a2.064 2.064 0 1 1 4.128 0a2.064 2.064 0 0 1-4.128 0M3.636 9.516a2.064 2.064 0 1 0 0-4.128a2.064 2.064 0 0 0 0 4.128M12 19.872A2.064 2.064 0 1 0 12 24a2.064 2.064 0 0 0 0-4.128m-5.774-3.151a2.6 2.6 0 0 0-.118-.48l-.002-.006a2.6 2.6 0 0 0-.2-.436l-.004-.008a2.6 2.6 0 0 0-.276-.39l-.001-.001a2.6 2.6 0 0 0-.346-.336a2.6 2.6 0 0 0-1.643-.592A2.628 2.628 0 1 0 6.264 17.1c0-.13-.02-.254-.038-.38zm8.499-2.53q.048-.071.094-.147a3 3 0 0 0 .201-.37q.04-.081.074-.164a3.3 3.3 0 0 0 .242-1.234c0-1.51-1.01-2.772-2.388-3.183a3 3 0 0 0-.42-.1A3 3 0 0 0 12 8.94c-.183 0-.359.021-.532.054a3 3 0 0 0-.428.103a3.325 3.325 0 0 0-2.376 3.179c0 .567.155 1.093.405 1.561q.04.082.086.16q.094.152.201.292q.06.076.12.147a3.314 3.314 0 0 0 4.885.196q.2-.204.364-.44zm-8.987.608c.473.433.818 1.002.956 1.651l2.575-1.486a3.8 3.8 0 0 1-.946-1.657L5.738 14.8zm5.302-9.21v2.988A3.8 3.8 0 0 1 12 8.44c.329 0 .643.055.948.133v-2.98c-.3.097-.615.163-.948.163c-.337 0-.656-.067-.96-.166zm7.317 9.132L15.711 13.2a3.8 3.8 0 0 1-.914 1.683l2.542 1.46a3.1 3.1 0 0 1 1.018-1.622m2.007-.249c-.58 0-1.112.194-1.547.513a2.6 2.6 0 0 0-.662.701l-.013.024q-.125.194-.212.409l-.02.061a2.6 2.6 0 0 0-.124.421a2.628 2.628 0 1 0 2.578-2.129m-8.862-9.266a2.5 2.5 0 0 0 .99 0A2.626 2.626 0 0 0 12 0a2.627 2.627 0 0 0-.498 5.206"/></svg>Googlepubsub アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="simple-icons:googlepubsub" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="simple-icons:googlepubsub" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="simple-icons:googlepubsub" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[simple-icons--googlepubsub]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/simple-icons -->
<div class="i-simple-icons:googlepubsub"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="simple-icons:googlepubsub"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/simple-icons/googlepubsub.svg" alt="Googlepubsub アイコン" width="24" height="24">Googlepubsub アイコン のよくある質問
Googlepubsub アイコンは商用利用でも無料ですか?
はい。Simple Icons は CC0 1.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Googlepubsub アイコンを使うには?
@iconify/react をインストールして <Icon icon="simple-icons:googlepubsub" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Googlepubsub アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/simple-icons/googlepubsub.svg" alt="Googlepubsub アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。