Infinite Bold アイコン
solar:infinite-bold
Infinite Bold アイコン(solar:infinite-bold)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Solar
- 作者
- 480 Design
- ライセンス
- CC-BY-4.0
- サイズ
- 24 × 24
- カテゴリ
- 天文
- タグ
- infinitebold、infinity bold、infinity outline
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M7 7.75C4.65279 7.75 2.75 9.65279 2.75 12C2.75 14.3472 4.65279 16.25 7 16.25C7.59689 16.25 8.04496 16.1427 8.40677 15.9664C8.76923 15.7898 9.08603 15.524 9.39303 15.1495C9.93306 14.4908 10.3762 13.5925 10.9602 12.409C11.0769 12.1724 11.1993 11.9244 11.3292 11.6646C11.4455 11.432 11.5589 11.2013 11.6707 10.9741C12.2514 9.7937 12.7873 8.70415 13.447 7.89951C13.8573 7.39899 14.3366 6.97729 14.9362 6.68515C15.5364 6.3927 16.2162 6.25 17 6.25C20.1756 6.25 22.75 8.82436 22.75 12C22.75 15.1756 20.1756 17.75 17 17.75C15.7062 17.75 14.5105 17.3216 13.5495 16.5997C13.2184 16.3509 13.1516 15.8807 13.4003 15.5495C13.6491 15.2184 14.1193 15.1516 14.4505 15.4003C15.1608 15.934 16.0424 16.25 17 16.25C19.3472 16.25 21.25 14.3472 21.25 12C21.25 9.65279 19.3472 7.75 17 7.75C16.4031 7.75 15.955 7.8573 15.5932 8.0336C15.2308 8.21021 14.914 8.47601 14.607 8.85049C14.0669 9.50924 13.6238 10.4075 13.0398 11.591C12.9231 11.8276 12.8007 12.0756 12.6708 12.3354C12.5545 12.568 12.4411 12.7987 12.3293 13.0259C11.7486 14.2063 11.2127 15.2959 10.553 16.1005C10.1427 16.601 9.66335 17.0227 9.06381 17.3148C8.4636 17.6073 7.78382 17.75 7 17.75C3.82436 17.75 1.25 15.1756 1.25 12C1.25 8.82436 3.82436 6.25 7 6.25C8.29384 6.25 9.48982 6.67823 10.451 7.40038C10.7822 7.64919 10.8489 8.11935 10.6001 8.45051C10.3513 8.78167 9.88114 8.84843 9.54998 8.59962C8.83967 8.06595 7.95781 7.75 7 7.75Z" clip-rule="evenodd"/></svg>Infinite Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:infinite-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:infinite-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:infinite-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--infinite-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:infinite-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:infinite-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/infinite-bold.svg" alt="Infinite Bold アイコン" width="24" height="24">Solar の関連アイコン
Infinite Bold アイコン のよくある質問
Infinite Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Infinite Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:infinite-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Infinite Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/infinite-bold.svg" alt="Infinite Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。