Benzene Ring Bold icon
solar:benzene-ring-bold
The Benzene Ring Bold icon (solar:benzene-ring-bold) is a free SVG icon from the Solar set by 480 Design. It is drawn on a 24 × 24 grid. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- Solar
- Author
- 480 Design
- License
- CC-BY-4.0
- Size
- 24 × 24
- Category
- Medicine
- Tags
- benzenering, ringbold, benzeneringbold
SVG code
<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>How to use the Benzene Ring Bold icon
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 component
<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 image
<img src="https://iconyz.com/api/public/svg/solar/benzene-ring-bold.svg" alt="Benzene Ring Bold icon" width="24" height="24">Related icons in Solar
Benzene Ring Bold icon FAQ
Is the Benzene Ring Bold icon free for commercial use?
Yes. Solar icons are released under the CC BY 4.0 license, which allows use in personal and commercial projects as long as you credit the author.
How do I use the Benzene Ring Bold icon in React?
Install @iconify/react and render <Icon icon="solar:benzene-ring-bold" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Benzene Ring Bold icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/solar/benzene-ring-bold.svg" alt="Benzene Ring Bold icon">, or paste the SVG code inline to style it with CSS.