vegetation asset icon

vegetation-asset from Carbon by IBM · Outline · Planning · Apache-2.0 Free for personal and commercial use.

Name
vegetation-asset
Set
Carbon
Style
Outline
Category
Planning
Viewbox
32×32
License
Apache 2.0

More planning icons from Carbon

Use the vegetation asset icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="21.5" cy="10.5" r="1.5" fill="currentColor"/><path fill="currentColor" d="M28.5 1a2.45 2.45 0 0 0-1.206.31l-8.31 4.298l.002.006a5.497 5.497 0 1 0 7.326 7.544l.003.002l4.4-8.5A2.5 2.5 0 0 0 28.5 1m-7 13a3.5 3.5 0 1 1 3.5-3.5a3.504 3.504 0 0 1-3.5 3.5m7.441-10.265l-2.384 4.606a5.53 5.53 0 0 0-2.899-2.899l4.595-2.377A.517.517 0 0 1 29 3.5a.5.5 0 0 1-.059.235M19 20h7v-2h-9v10a2.003 2.003 0 0 0 2 2h3v-2h-3Zm-7 10H9v-2h3V15.566l-3.515-2.109l1.03-1.714l3.514 2.108A2.01 2.01 0 0 1 14 15.566V28a2 2 0 0 1-2 2"/><path fill="currentColor" d="M17.308 2.285A9.5 9.5 0 0 0 15 2a8.03 8.03 0 0 0-6.921 4.001L8 6a6 6 0 0 0 0 12v-2a4 4 0 0 1 0-8a3 3 0 0 1 .387.04l.863.113l.309-.667A6.02 6.02 0 0 1 15 4a7.5 7.5 0 0 1 1.731.215Z"/></svg>

React

import type { SVGProps } from "react";

export function CarbonVegetationAsset(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="21.5" cy="10.5" r="1.5" fill="currentColor"/><path fill="currentColor" d="M28.5 1a2.45 2.45 0 0 0-1.206.31l-8.31 4.298l.002.006a5.497 5.497 0 1 0 7.326 7.544l.003.002l4.4-8.5A2.5 2.5 0 0 0 28.5 1m-7 13a3.5 3.5 0 1 1 3.5-3.5a3.504 3.504 0 0 1-3.5 3.5m7.441-10.265l-2.384 4.606a5.53 5.53 0 0 0-2.899-2.899l4.595-2.377A.517.517 0 0 1 29 3.5a.5.5 0 0 1-.059.235M19 20h7v-2h-9v10a2.003 2.003 0 0 0 2 2h3v-2h-3Zm-7 10H9v-2h3V15.566l-3.515-2.109l1.03-1.714l3.514 2.108A2.01 2.01 0 0 1 14 15.566V28a2 2 0 0 1-2 2"/><path fill="currentColor" d="M17.308 2.285A9.5 9.5 0 0 0 15 2a8.03 8.03 0 0 0-6.921 4.001L8 6a6 6 0 0 0 0 12v-2a4 4 0 0 1 0-8a3 3 0 0 1 .387.04l.863.113l.309-.667A6.02 6.02 0 0 1 15 4a7.5 7.5 0 0 1 1.731.215Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><circle cx="21.5" cy="10.5" r="1.5" fill="currentColor"/><path fill="currentColor" d="M28.5 1a2.45 2.45 0 0 0-1.206.31l-8.31 4.298l.002.006a5.497 5.497 0 1 0 7.326 7.544l.003.002l4.4-8.5A2.5 2.5 0 0 0 28.5 1m-7 13a3.5 3.5 0 1 1 3.5-3.5a3.504 3.504 0 0 1-3.5 3.5m7.441-10.265l-2.384 4.606a5.53 5.53 0 0 0-2.899-2.899l4.595-2.377A.517.517 0 0 1 29 3.5a.5.5 0 0 1-.059.235M19 20h7v-2h-9v10a2.003 2.003 0 0 0 2 2h3v-2h-3Zm-7 10H9v-2h3V15.566l-3.515-2.109l1.03-1.714l3.514 2.108A2.01 2.01 0 0 1 14 15.566V28a2 2 0 0 1-2 2"/><path fill="currentColor" d="M17.308 2.285A9.5 9.5 0 0 0 15 2a8.03 8.03 0 0 0-6.921 4.001L8 6a6 6 0 0 0 0 12v-2a4 4 0 0 1 0-8a3 3 0 0 1 .387.04l.863.113l.309-.667A6.02 6.02 0 0 1 15 4a7.5 7.5 0 0 1 1.731.215Z"/></svg>
</template>

CSS

.icon-vegetation-asset {
  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%2032%2032%22%3E%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2210.5%22%20r%3D%221.5%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.5%201a2.45%202.45%200%200%200-1.206.31l-8.31%204.298l.002.006a5.497%205.497%200%201%200%207.326%207.544l.003.002l4.4-8.5A2.5%202.5%200%200%200%2028.5%201m-7%2013a3.5%203.5%200%201%201%203.5-3.5a3.504%203.504%200%200%201-3.5%203.5m7.441-10.265l-2.384%204.606a5.53%205.53%200%200%200-2.899-2.899l4.595-2.377A.517.517%200%200%201%2029%203.5a.5.5%200%200%201-.059.235M19%2020h7v-2h-9v10a2.003%202.003%200%200%200%202%202h3v-2h-3Zm-7%2010H9v-2h3V15.566l-3.515-2.109l1.03-1.714l3.514%202.108A2.01%202.01%200%200%201%2014%2015.566V28a2%202%200%200%201-2%202%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.308%202.285A9.5%209.5%200%200%200%2015%202a8.03%208.03%200%200%200-6.921%204.001L8%206a6%206%200%200%200%200%2012v-2a4%204%200%200%201%200-8a3%203%200%200%201%20.387.04l.863.113l.309-.667A6.02%206.02%200%200%201%2015%204a7.5%207.5%200%200%201%201.731.215Z%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%2032%2032%22%3E%3Ccircle%20cx%3D%2221.5%22%20cy%3D%2210.5%22%20r%3D%221.5%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M28.5%201a2.45%202.45%200%200%200-1.206.31l-8.31%204.298l.002.006a5.497%205.497%200%201%200%207.326%207.544l.003.002l4.4-8.5A2.5%202.5%200%200%200%2028.5%201m-7%2013a3.5%203.5%200%201%201%203.5-3.5a3.504%203.504%200%200%201-3.5%203.5m7.441-10.265l-2.384%204.606a5.53%205.53%200%200%200-2.899-2.899l4.595-2.377A.517.517%200%200%201%2029%203.5a.5.5%200%200%201-.059.235M19%2020h7v-2h-9v10a2.003%202.003%200%200%200%202%202h3v-2h-3Zm-7%2010H9v-2h3V15.566l-3.515-2.109l1.03-1.714l3.514%202.108A2.01%202.01%200%200%201%2014%2015.566V28a2%202%200%200%201-2%202%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.308%202.285A9.5%209.5%200%200%200%2015%202a8.03%208.03%200%200%200-6.921%204.001L8%206a6%206%200%200%200%200%2012v-2a4%204%200%200%201%200-8a3%203%200%200%201%20.387.04l.863.113l.309-.667A6.02%206.02%200%200%201%2015%204a7.5%207.5%200%200%201%201.731.215Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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