Benzene Ring Bold アイコン
solar:benzene-ring-bold
Benzene Ring Bold アイコン(solar:benzene-ring-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
- カテゴリ
- 医学
- タグ
- benzenering、ringbold、benzeneringbold
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="M9.97935 4.87931C10.9655 4.2931 11.4586 4 12.0001 4C12.5415 4 13.0346 4.2931 14.0208 4.87931L16.9794 6.63792C17.6848 7.05728 18.138 7.32663 18.4379 7.62274L21.5642 5.3897C21.9012 5.14894 22.3696 5.22701 22.6104 5.56407C22.8511 5.90113 22.7731 6.36954 22.436 6.6103L18.9823 9.07722C19.0001 9.39104 19.0001 9.76853 19.0001 10.2414V13.7586C19.0001 14.931 19.0001 15.5172 18.7294 16C18.4586 16.4828 17.9655 16.7759 16.9794 17.3621L14.0208 19.1207C13.0346 19.7069 12.5415 20 12.0001 20C11.4586 20 10.9655 19.7069 9.97935 19.1207L7.02081 17.3621C6.38496 16.9841 5.95409 16.728 5.65565 16.4643L2.4161 18.624C2.07146 18.8538 1.60581 18.7607 1.37604 18.416C1.14628 18.0714 1.23941 17.6057 1.58405 17.376L5.0287 15.0795C5.00008 14.7363 5.00008 14.313 5.00008 13.7586V10.2414C5.00008 9.68703 5.00008 9.26374 5.0287 8.92047L1.58405 6.62404C1.23941 6.39427 1.14628 5.92862 1.37604 5.58397C1.60581 5.23933 2.07146 5.1462 2.4161 5.37596L5.65565 7.53566C5.95409 7.27199 6.38496 7.01588 7.02081 6.63792L9.97935 4.87931ZM16.6443 14.116C16.8564 14.4718 16.7399 14.9322 16.3841 15.1442L12.3841 17.5283C12.0283 17.7404 11.5679 17.6239 11.3558 17.268C11.1438 16.9122 11.2603 16.4519 11.6161 16.2398L15.6161 13.8558C15.9719 13.6437 16.4323 13.7602 16.6443 14.116Z" clip-rule="evenodd"/></svg>Benzene Ring Bold アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:benzene-ring-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:benzene-ring-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:benzene-ring-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--benzene-ring-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:benzene-ring-bold"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:benzene-ring-bold"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/benzene-ring-bold.svg" alt="Benzene Ring Bold アイコン" width="24" height="24">Solar の関連アイコン
Benzene Ring Bold アイコン のよくある質問
Benzene Ring Bold アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Benzene Ring Bold アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:benzene-ring-bold" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Benzene Ring Bold アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/benzene-ring-bold.svg" alt="Benzene Ring Bold アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。