benzene ring icon

benzene-ring-line-duotone from Solar by 480 Design · Line Duotone · Medicine · CC-BY-4.0 Attribution required.

Name
benzene-ring-line-duotone
Set
Solar
Style
Line Duotone
Category
Medicine
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

More medicine icons from Solar

Use the benzene ring icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9.97927 4.87931C10.9655 4.2931 11.4585 4 12 4C12.5415 4 13.0345 4.2931 14.0207 4.87931L16.9793 6.63792C17.9655 7.22412 18.4585 7.51723 18.7293 8C19 8.48277 19 9.06898 19 10.2414V13.7586C19 14.931 19 15.5172 18.7293 16C18.4585 16.4828 17.9655 16.7759 16.9793 17.3621L14.0207 19.1207C13.0345 19.7069 12.5415 20 12 20C11.4585 20 10.9655 19.7069 9.97927 19.1207L7.02073 17.3621C6.03454 16.7759 5.54145 16.4828 5.27073 16C5 15.5172 5 14.931 5 13.7586V10.2414C5 9.06898 5 8.48277 5.27073 8C5.54145 7.51723 6.03454 7.22412 7.02073 6.63792L9.97927 4.87931Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M5 8L2 6" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M19 8L22 6" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M5 16L2 18" opacity=".5"/><path stroke-linecap="round" d="M12 16.8841L16 14.5" opacity=".5"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarBenzeneRingLineDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeWidth="1.5"><path d="M9.97927 4.87931C10.9655 4.2931 11.4585 4 12 4C12.5415 4 13.0345 4.2931 14.0207 4.87931L16.9793 6.63792C17.9655 7.22412 18.4585 7.51723 18.7293 8C19 8.48277 19 9.06898 19 10.2414V13.7586C19 14.931 19 15.5172 18.7293 16C18.4585 16.4828 17.9655 16.7759 16.9793 17.3621L14.0207 19.1207C13.0345 19.7069 12.5415 20 12 20C11.4585 20 10.9655 19.7069 9.97927 19.1207L7.02073 17.3621C6.03454 16.7759 5.54145 16.4828 5.27073 16C5 15.5172 5 14.931 5 13.7586V10.2414C5 9.06898 5 8.48277 5.27073 8C5.54145 7.51723 6.03454 7.22412 7.02073 6.63792L9.97927 4.87931Z"/><path strokeLinecap="round" strokeLinejoin="round" d="M5 8L2 6" opacity=".5"/><path strokeLinecap="round" strokeLinejoin="round" d="M19 8L22 6" opacity=".5"/><path strokeLinecap="round" strokeLinejoin="round" d="M5 16L2 18" opacity=".5"/><path strokeLinecap="round" d="M12 16.8841L16 14.5" opacity=".5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M9.97927 4.87931C10.9655 4.2931 11.4585 4 12 4C12.5415 4 13.0345 4.2931 14.0207 4.87931L16.9793 6.63792C17.9655 7.22412 18.4585 7.51723 18.7293 8C19 8.48277 19 9.06898 19 10.2414V13.7586C19 14.931 19 15.5172 18.7293 16C18.4585 16.4828 17.9655 16.7759 16.9793 17.3621L14.0207 19.1207C13.0345 19.7069 12.5415 20 12 20C11.4585 20 10.9655 19.7069 9.97927 19.1207L7.02073 17.3621C6.03454 16.7759 5.54145 16.4828 5.27073 16C5 15.5172 5 14.931 5 13.7586V10.2414C5 9.06898 5 8.48277 5.27073 8C5.54145 7.51723 6.03454 7.22412 7.02073 6.63792L9.97927 4.87931Z"/><path stroke-linecap="round" stroke-linejoin="round" d="M5 8L2 6" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M19 8L22 6" opacity=".5"/><path stroke-linecap="round" stroke-linejoin="round" d="M5 16L2 18" opacity=".5"/><path stroke-linecap="round" d="M12 16.8841L16 14.5" opacity=".5"/></g></svg>
</template>

CSS

.icon-benzene-ring-line-duotone {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M9.97927%204.87931C10.9655%204.2931%2011.4585%204%2012%204C12.5415%204%2013.0345%204.2931%2014.0207%204.87931L16.9793%206.63792C17.9655%207.22412%2018.4585%207.51723%2018.7293%208C19%208.48277%2019%209.06898%2019%2010.2414V13.7586C19%2014.931%2019%2015.5172%2018.7293%2016C18.4585%2016.4828%2017.9655%2016.7759%2016.9793%2017.3621L14.0207%2019.1207C13.0345%2019.7069%2012.5415%2020%2012%2020C11.4585%2020%2010.9655%2019.7069%209.97927%2019.1207L7.02073%2017.3621C6.03454%2016.7759%205.54145%2016.4828%205.27073%2016C5%2015.5172%205%2014.931%205%2013.7586V10.2414C5%209.06898%205%208.48277%205.27073%208C5.54145%207.51723%206.03454%207.22412%207.02073%206.63792L9.97927%204.87931Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%208L2%206%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19%208L22%206%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%2016L2%2018%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2016.8841L16%2014.5%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-width%3D%221.5%22%3E%3Cpath%20d%3D%22M9.97927%204.87931C10.9655%204.2931%2011.4585%204%2012%204C12.5415%204%2013.0345%204.2931%2014.0207%204.87931L16.9793%206.63792C17.9655%207.22412%2018.4585%207.51723%2018.7293%208C19%208.48277%2019%209.06898%2019%2010.2414V13.7586C19%2014.931%2019%2015.5172%2018.7293%2016C18.4585%2016.4828%2017.9655%2016.7759%2016.9793%2017.3621L14.0207%2019.1207C13.0345%2019.7069%2012.5415%2020%2012%2020C11.4585%2020%2010.9655%2019.7069%209.97927%2019.1207L7.02073%2017.3621C6.03454%2016.7759%205.54145%2016.4828%205.27073%2016C5%2015.5172%205%2014.931%205%2013.7586V10.2414C5%209.06898%205%208.48277%205.27073%208C5.54145%207.51723%206.03454%207.22412%207.02073%206.63792L9.97927%204.87931Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%208L2%206%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M19%208L22%206%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M5%2016L2%2018%22%20opacity%3D%22.5%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M12%2016.8841L16%2014.5%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/benzene-ring-line-duotone.svg?color=%231a73e8&size=48