Power Bold アイコン
glyphs:power-bold
Power Bold アイコン(glyphs:power-bold)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Glyphs
- 作者
- Goran Spasojevic
- ライセンス
- MIT
- サイズ
- 80 × 80
- タグ
- powerbold
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="M43.5 16.501a4 4 0 1 0-8 0v26a4 4 0 0 0 8 0zM15.32 30.444a26.2 26.2 0 0 1 5.336-8.147c1.488-1.545 3.946-1.25 5.309.407c1.439 1.749 1.084 4.326-.374 6.06a18.173 18.173 0 1 0 27.187-.712c-1.505-1.611-2.018-4.069-.78-5.893c1.243-1.832 3.764-2.326 5.381-.814a26.17 26.17 0 0 1 6.302 29.131A26.174 26.174 0 0 1 15.32 30.444" clip-rule="evenodd"/><path d="M43.5 16.501H43zm-8 0H35zm0 26h.5zm8 0h.5zM15.32 30.444l-.463-.191zm7.39 3.061l-.461-.19zm0 13.91l.462-.192zm9.836 9.835l-.192.462zm13.909 0l-.191-.462zm9.835-9.836l-.462-.19zm0-13.909l.462-.19zm7.391-3.061l-.462.191zm0 20.032l-.462-.191zM49.516 64.641l-.191-.462zm-20.032 0l.192-.462zM15.32 50.476l.462-.191zM39.5 13.001a3.5 3.5 0 0 1 3.5 3.5h1a4.5 4.5 0 0 0-4.5-4.5zm-3.5 3.5a3.5 3.5 0 0 1 3.5-3.5v-1a4.5 4.5 0 0 0-4.5 4.5zm0 26v-26h-1v26zm3.5 3.5a3.5 3.5 0 0 1-3.5-3.5h-1a4.5 4.5 0 0 0 4.5 4.5zm3.5-3.5a3.5 3.5 0 0 1-3.5 3.5v1a4.5 4.5 0 0 0 4.5-4.5zm0-26v26h1v-26zM20.297 21.95a26.7 26.7 0 0 0-5.438 8.303l.923.382a25.7 25.7 0 0 1 5.234-7.991zm2.876 11.747a17.7 17.7 0 0 1 2.802-4.612l-.765-.643a18.7 18.7 0 0 0-2.96 4.872zm0 13.526a17.67 17.67 0 0 1 0-13.526l-.923-.383a18.67 18.67 0 0 0 0 14.292zm9.565 9.565a17.67 17.67 0 0 1-9.565-9.565l-.923.383a18.67 18.67 0 0 0 10.105 10.106zm13.526 0a17.67 17.67 0 0 1-13.526 0l-.383.924a18.67 18.67 0 0 0 14.292 0zm9.565-9.565a17.67 17.67 0 0 1-9.565 9.565l.383.924a18.67 18.67 0 0 0 10.106-10.106zm0-13.526a17.67 17.67 0 0 1 0 13.526l.924.383a18.67 18.67 0 0 0 0-14.292zm-3.415-5.304a17.7 17.7 0 0 1 3.415 5.304l.924-.383a18.7 18.7 0 0 0-3.609-5.604zm11.73 1.86a26.7 26.7 0 0 0-6.422-9.273l-.683.73a25.7 25.7 0 0 1 6.181 8.925zm0 20.414a26.67 26.67 0 0 0 0-20.414l-.924.382a25.67 25.67 0 0 1 0 19.65zM49.708 65.103a26.67 26.67 0 0 0 14.435-14.436l-.924-.382a25.67 25.67 0 0 1-13.894 13.894zm-20.415 0a26.67 26.67 0 0 0 20.415 0l-.383-.924a25.67 25.67 0 0 1-19.65 0zM14.858 50.667a26.67 26.67 0 0 0 14.435 14.436l.383-.924A25.67 25.67 0 0 1 15.78 50.285zm0-20.414a26.67 26.67 0 0 0 0 20.414l.923-.382a25.67 25.67 0 0 1 0-19.65zm38.285-2.543c-1.392-1.49-1.804-3.69-.732-5.27l-.827-.562c-1.404 2.069-.79 4.783.829 6.515zM25.58 23.021c1.244 1.513.978 3.817-.37 5.42l.765.644c1.567-1.863 2.01-4.714.377-6.699zm26.832-.581c1.102-1.624 3.272-1.996 4.627-.73l.683-.73c-1.88-1.759-4.752-1.142-6.137.898zm-31.396.204c1.247-1.294 3.358-1.088 4.564.377l.772-.635c-1.52-1.847-4.325-2.232-6.055-.436z"/></g></svg>Power Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:power-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:power-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:power-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--power-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:power-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:power-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/glyphs/power-bold.svg" alt="Power Bold アイコン" width="24" height="24">Glyphs の関連アイコン
他のアイコンセットの Power Bold アイコン
Power Bold アイコン のよくある質問
Power Bold アイコンは商用利用でも無料ですか?
はい。Glyphs icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Power Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="glyphs:power-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Power Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/glyphs/power-bold.svg" alt="Power Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。