bio energy icon

bio-energy from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.

Name
bio-energy
Set
Huge Icons
Style
Stroke
Viewbox
24×24
License
MIT

Use the bio energy icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.517 12h-3.62c-.428 0-.643 0-.775.137c-.133.137-.128.349-.117.772c.01.431.035.86.093 1.288c.025.177.037.266.095.311c.058.046.163.033.374.009c1.167-.137 2.295.816 2.295 2.067c0 .623-.27 1.183-.696 1.565c-.156.14-.234.21-.24.283s.052.142.164.279c.408.497.867.949 1.368 1.348c.12.095.179.142.244.14s.132-.061.265-.18c.36-.323.833-.518 1.35-.518c1.109 0 1.997.928 2.044 2.004c.007.179.011.268.055.317c.043.048.117.06.265.082a9.1 9.1 0 0 0 2.638 0c.148-.023.222-.034.265-.082c.044-.049.048-.138.055-.317c.047-1.076.935-2.004 2.044-2.004c.517 0 .99.195 1.35.517c.133.12.2.18.265.181s.125-.045.244-.14c.501-.4.96-.852 1.368-1.348c.112-.137.169-.206.163-.28c-.006-.073-.084-.143-.24-.282a2.1 2.1 0 0 1-.695-1.565c0-1.251 1.128-2.204 2.295-2.067c.21.024.316.037.374-.009c.058-.045.07-.134.095-.31c.058-.429.083-.858.093-1.289c.01-.423.016-.635-.117-.772c-.132-.137-.347-.137-.775-.137h-3.62c-.207 2.336-2.135 4.167-4.483 4.167S7.724 14.337 7.517 12M7 12h10m-5 0V6m-.259 1.741c.549-1.538.226-3.298-.979-4.503S7.797 1.71 6.26 2.258c-.549 1.539-.226 3.3.979 4.504c1.205 1.205 2.965 1.528 4.503.98m.474 2.042c-.458-1.281-.189-2.748.816-3.753s2.47-1.273 3.752-.815c.458 1.281.189 2.748-.815 3.753s-2.472 1.273-3.753.815"/></svg>

React

import type { SVGProps } from "react";

export function HugeiconsBioEnergy(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="1.5" d="M7.517 12h-3.62c-.428 0-.643 0-.775.137c-.133.137-.128.349-.117.772c.01.431.035.86.093 1.288c.025.177.037.266.095.311c.058.046.163.033.374.009c1.167-.137 2.295.816 2.295 2.067c0 .623-.27 1.183-.696 1.565c-.156.14-.234.21-.24.283s.052.142.164.279c.408.497.867.949 1.368 1.348c.12.095.179.142.244.14s.132-.061.265-.18c.36-.323.833-.518 1.35-.518c1.109 0 1.997.928 2.044 2.004c.007.179.011.268.055.317c.043.048.117.06.265.082a9.1 9.1 0 0 0 2.638 0c.148-.023.222-.034.265-.082c.044-.049.048-.138.055-.317c.047-1.076.935-2.004 2.044-2.004c.517 0 .99.195 1.35.517c.133.12.2.18.265.181s.125-.045.244-.14c.501-.4.96-.852 1.368-1.348c.112-.137.169-.206.163-.28c-.006-.073-.084-.143-.24-.282a2.1 2.1 0 0 1-.695-1.565c0-1.251 1.128-2.204 2.295-2.067c.21.024.316.037.374-.009c.058-.045.07-.134.095-.31c.058-.429.083-.858.093-1.289c.01-.423.016-.635-.117-.772c-.132-.137-.347-.137-.775-.137h-3.62c-.207 2.336-2.135 4.167-4.483 4.167S7.724 14.337 7.517 12M7 12h10m-5 0V6m-.259 1.741c.549-1.538.226-3.298-.979-4.503S7.797 1.71 6.26 2.258c-.549 1.539-.226 3.3.979 4.504c1.205 1.205 2.965 1.528 4.503.98m.474 2.042c-.458-1.281-.189-2.748.816-3.753s2.47-1.273 3.752-.815c.458 1.281.189 2.748-.815 3.753s-2.472 1.273-3.753.815"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" d="M7.517 12h-3.62c-.428 0-.643 0-.775.137c-.133.137-.128.349-.117.772c.01.431.035.86.093 1.288c.025.177.037.266.095.311c.058.046.163.033.374.009c1.167-.137 2.295.816 2.295 2.067c0 .623-.27 1.183-.696 1.565c-.156.14-.234.21-.24.283s.052.142.164.279c.408.497.867.949 1.368 1.348c.12.095.179.142.244.14s.132-.061.265-.18c.36-.323.833-.518 1.35-.518c1.109 0 1.997.928 2.044 2.004c.007.179.011.268.055.317c.043.048.117.06.265.082a9.1 9.1 0 0 0 2.638 0c.148-.023.222-.034.265-.082c.044-.049.048-.138.055-.317c.047-1.076.935-2.004 2.044-2.004c.517 0 .99.195 1.35.517c.133.12.2.18.265.181s.125-.045.244-.14c.501-.4.96-.852 1.368-1.348c.112-.137.169-.206.163-.28c-.006-.073-.084-.143-.24-.282a2.1 2.1 0 0 1-.695-1.565c0-1.251 1.128-2.204 2.295-2.067c.21.024.316.037.374-.009c.058-.045.07-.134.095-.31c.058-.429.083-.858.093-1.289c.01-.423.016-.635-.117-.772c-.132-.137-.347-.137-.775-.137h-3.62c-.207 2.336-2.135 4.167-4.483 4.167S7.724 14.337 7.517 12M7 12h10m-5 0V6m-.259 1.741c.549-1.538.226-3.298-.979-4.503S7.797 1.71 6.26 2.258c-.549 1.539-.226 3.3.979 4.504c1.205 1.205 2.965 1.528 4.503.98m.474 2.042c-.458-1.281-.189-2.748.816-3.753s2.47-1.273 3.752-.815c.458 1.281.189 2.748-.815 3.753s-2.472 1.273-3.753.815"/></svg>
</template>

CSS

.icon-bio-energy {
  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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7.517%2012h-3.62c-.428%200-.643%200-.775.137c-.133.137-.128.349-.117.772c.01.431.035.86.093%201.288c.025.177.037.266.095.311c.058.046.163.033.374.009c1.167-.137%202.295.816%202.295%202.067c0%20.623-.27%201.183-.696%201.565c-.156.14-.234.21-.24.283s.052.142.164.279c.408.497.867.949%201.368%201.348c.12.095.179.142.244.14s.132-.061.265-.18c.36-.323.833-.518%201.35-.518c1.109%200%201.997.928%202.044%202.004c.007.179.011.268.055.317c.043.048.117.06.265.082a9.1%209.1%200%200%200%202.638%200c.148-.023.222-.034.265-.082c.044-.049.048-.138.055-.317c.047-1.076.935-2.004%202.044-2.004c.517%200%20.99.195%201.35.517c.133.12.2.18.265.181s.125-.045.244-.14c.501-.4.96-.852%201.368-1.348c.112-.137.169-.206.163-.28c-.006-.073-.084-.143-.24-.282a2.1%202.1%200%200%201-.695-1.565c0-1.251%201.128-2.204%202.295-2.067c.21.024.316.037.374-.009c.058-.045.07-.134.095-.31c.058-.429.083-.858.093-1.289c.01-.423.016-.635-.117-.772c-.132-.137-.347-.137-.775-.137h-3.62c-.207%202.336-2.135%204.167-4.483%204.167S7.724%2014.337%207.517%2012M7%2012h10m-5%200V6m-.259%201.741c.549-1.538.226-3.298-.979-4.503S7.797%201.71%206.26%202.258c-.549%201.539-.226%203.3.979%204.504c1.205%201.205%202.965%201.528%204.503.98m.474%202.042c-.458-1.281-.189-2.748.816-3.753s2.47-1.273%203.752-.815c.458%201.281.189%202.748-.815%203.753s-2.472%201.273-3.753.815%22%2F%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%3Cpath%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%221.5%22%20d%3D%22M7.517%2012h-3.62c-.428%200-.643%200-.775.137c-.133.137-.128.349-.117.772c.01.431.035.86.093%201.288c.025.177.037.266.095.311c.058.046.163.033.374.009c1.167-.137%202.295.816%202.295%202.067c0%20.623-.27%201.183-.696%201.565c-.156.14-.234.21-.24.283s.052.142.164.279c.408.497.867.949%201.368%201.348c.12.095.179.142.244.14s.132-.061.265-.18c.36-.323.833-.518%201.35-.518c1.109%200%201.997.928%202.044%202.004c.007.179.011.268.055.317c.043.048.117.06.265.082a9.1%209.1%200%200%200%202.638%200c.148-.023.222-.034.265-.082c.044-.049.048-.138.055-.317c.047-1.076.935-2.004%202.044-2.004c.517%200%20.99.195%201.35.517c.133.12.2.18.265.181s.125-.045.244-.14c.501-.4.96-.852%201.368-1.348c.112-.137.169-.206.163-.28c-.006-.073-.084-.143-.24-.282a2.1%202.1%200%200%201-.695-1.565c0-1.251%201.128-2.204%202.295-2.067c.21.024.316.037.374-.009c.058-.045.07-.134.095-.31c.058-.429.083-.858.093-1.289c.01-.423.016-.635-.117-.772c-.132-.137-.347-.137-.775-.137h-3.62c-.207%202.336-2.135%204.167-4.483%204.167S7.724%2014.337%207.517%2012M7%2012h10m-5%200V6m-.259%201.741c.549-1.538.226-3.298-.979-4.503S7.797%201.71%206.26%202.258c-.549%201.539-.226%203.3.979%204.504c1.205%201.205%202.965%201.528%204.503.98m.474%202.042c-.458-1.281-.189-2.748.816-3.753s2.47-1.273%203.752-.815c.458%201.281.189%202.748-.815%203.753s-2.472%201.273-3.753.815%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/bio-energy.svg?color=%231a73e8&size=48