Circlegithub アイコン
whh:circlegithub
Circlegithub アイコン(whh:circlegithub)は、WebHostingHub Glyphs セットの無料 SVG アイコンです（作者: WebHostingHub）。 1024 × 1007 のグリッドで描かれています。 WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- WebHostingHub Glyphs
- 作者
- WebHostingHub
- ライセンス
- OFL-1.1
- サイズ
- 1024 × 1007
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1007" viewBox="0 0 1024 1007"><path fill="currentColor" d="M639 1007q0-1 .5-3.5t.5-4.5q0-85-19.5-171T566 701q130-11 198-76.5T832 455q0-91-64-140v-91q0-11-11-21.5T736 192q-12 0-119 70q-47-6-105-6q-57 0-105 6q-107-70-119-70q-10 0-21 11t-11 21q0 9-2 44t-3 51q-59 48-59 136q0 104 68 169.5T458 701q-5 7-14 20q-43 47-124 47q-16 0-32-13.5t-31.5-32T224 685t-42-32t-54-13q0 8 9.5 20t26.5 33t28 43q26 50 54 73t74 23q48 0 87-14q-23 88-23 181v4l1 4q-168-43-276.5-180.5T0 512q0-105 40.5-199.5t109-163T313 40.5T512 0t199 40.5t163.5 109t109 163T1024 512q0 177-108.5 314.5T639 1007"/></svg>Circlegithub アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="whh:circlegithub" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:circlegithub" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:circlegithub" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--circlegithub]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:circlegithub"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:circlegithub"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/whh/circlegithub.svg" alt="Circlegithub アイコン" width="24" height="24">Circlegithub アイコン のよくある質問
Circlegithub アイコンは商用利用でも無料ですか?
はい。WebHostingHub Glyphs icons は Open Font License で公開されており、個人・商用プロジェクトで利用できます。
React で Circlegithub アイコンを使うには?
@iconify/react をインストールして <Icon icon="whh:circlegithub" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Circlegithub アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/whh/circlegithub.svg" alt="Circlegithub アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。