Circle Half Bold アイコン

Q: Circle Half Bold アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

glyphs:circle-half-bold

Circle Half Bold アイコン(glyphs:circle-half-bold)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: circlehalf、halfbold、circlehalfbold

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="m40 12l-3.135.176l-3.096.526l-3.017.87l-2.9 1.2l-2.749 1.52l-2.56 1.817L20.2 20.2l-2.092 2.341l-1.817 2.561l-1.52 2.748l-1.2 2.901l-.87 3.017l-.526 3.096L12 40l.176 3.135l.526 3.096l.87 3.017l1.2 2.9l1.52 2.749l1.817 2.56L20.2 59.8l2.341 2.092l2.561 1.817l2.748 1.52l2.901 1.2l3.017.87l3.096.526l3.122.175H40z" clip-rule="evenodd"/><path d="m36.865 12.176l-.14-2.496a3 3 0 0 0-.279.031zM40 12h2.5a2.5 2.5 0 0 0-2.64-2.496zm-6.23.702l-.42-2.465a3 3 0 0 0-.273.063zm-3.018.87l-.692-2.403q-.135.039-.264.093zm-2.9 1.2l-.957-2.309q-.13.054-.253.122zm-2.749 1.52l-1.21-2.188a3 3 0 0 0-.237.149zm-2.56 1.817l-1.447-2.04q-.115.082-.22.176zM20.2 20.2l-1.666-1.864q-.105.093-.198.198zm-2.092 2.341l-1.864-1.666q-.094.105-.175.22zm-1.817 2.561l-2.04-1.447a3 3 0 0 0-.148.238zm-1.52 2.748l-2.187-1.209a3 3 0 0 0-.122.253zm-1.2 2.901l-2.31-.956a3 3 0 0 0-.093.264zm-.87 3.017l-2.402-.692q-.039.135-.063.274zm-.526 3.096l-2.465-.419a3 3 0 0 0-.031.279zM12 40l-2.496-.14a3 3 0 0 0 0 .28zm.176 3.135l-2.496.14q.008.141.031.279zm.526 3.096l-2.465.418q.024.14.063.274zm.87 3.017l-2.403.692q.039.135.093.265zm1.2 2.9l-2.309.957q.054.13.122.253zm1.52 2.749l-2.188 1.21q.068.121.149.237zm1.817 2.56l-2.04 1.447q.082.115.176.22zM20.2 59.8l-1.864 1.666q.093.105.198.198zm2.341 2.092l-1.666 1.864q.105.094.22.175zm2.561 1.817l-1.447 2.04q.115.08.238.148zm2.748 1.52l-1.209 2.187q.123.068.253.122zm2.901 1.2l-.956 2.31q.129.054.264.093zm3.017.87l-.692 2.402q.135.039.274.063zm3.096.526l-.419 2.465q.138.023.279.031zm3.122.175l-.14 2.496q.07.004.14.004zM40 68v2.5a2.5 2.5 0 0 0 2.5-2.5zm-2.995-53.327l3.135-.176l-.28-4.992l-3.135.176zm-2.817.495l3.096-.526l-.838-4.93l-3.095.526zm-2.744.807l3.018-.87l-1.385-4.804l-3.017.869zm-2.636 1.109l2.9-1.202l-1.912-4.62l-2.901 1.202zm-2.496 1.397l2.749-1.52l-2.419-4.375l-2.748 1.519zm-2.323 1.668l2.56-1.817l-2.893-4.078l-2.56 1.817zm-2.122 1.917l2.341-2.092l-3.332-3.728l-2.34 2.092zm-1.894 2.143l2.092-2.341l-3.728-3.332l-2.092 2.341zM18.33 26.55l1.817-2.561l-4.078-2.893l-1.817 2.56zm-1.37 2.51l1.519-2.748l-4.376-2.418l-1.52 2.748zm-1.08 2.649l1.202-2.901l-4.62-1.913l-1.201 2.9zm-.777 2.753l.87-3.018l-4.805-1.384l-.87 3.017zm-.463 2.822l.526-3.096l-4.93-.837l-.526 3.095zm-.145 2.856l.176-3.135l-4.992-.28l-.176 3.135zm.176 2.855l-.176-3.135l-4.992.28l.176 3.135zm.495 2.817l-.526-3.096l-4.93.838l.526 3.095zm.807 2.744l-.87-3.017l-4.804 1.384l.869 3.017zm1.109 2.636l-1.202-2.9l-4.62 1.913l1.202 2.9zm1.397 2.496l-1.52-2.749l-4.375 2.419l1.519 2.748zm1.668 2.323l-1.817-2.56l-4.078 2.893l1.817 2.56zm1.917 2.122l-2.092-2.341l-3.728 3.332l2.092 2.34zm2.143 1.894l-2.341-2.092l-3.332 3.728l2.341 2.092zm2.342 1.642l-2.561-1.817l-2.893 4.078l2.56 1.817zm2.51 1.37l-2.748-1.519l-2.418 4.376l2.748 1.52zm2.649 1.08l-2.901-1.202l-1.913 4.62l2.9 1.201zm2.753.777l-3.018-.87l-1.384 4.805l3.017.87zm2.822.463l-3.096-.526l-.837 4.93l3.095.526zm2.843.144l-3.122-.175l-.28 4.992l3.122.175zM40 65.5h-.013v5H40zM37.5 12v56h5V12z"/></g></svg>

Circle Half Bold アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="glyphs:circle-half-bold" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="glyphs:circle-half-bold" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="glyphs:circle-half-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--circle-half-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:circle-half-bold"></div>

Web コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="glyphs:circle-half-bold"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/circle-half-bold.svg" alt="Circle Half Bold アイコン" width="24" height="24">

Glyphs の関連アイコン

他のアイコンセットの Circle Half Bold アイコン

Circle Half Bold アイコンのよくある質問

Circle Half Bold アイコンは商用利用でも無料ですか?

はい。Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Circle Half Bold アイコンを使うには?

@iconify/react をインストールして <Icon icon="glyphs:circle-half-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Circle Half Bold アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/circle-half-bold.svg" alt="Circle Half Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

Glyphs アイコンをすべて見る →