sustainability icon
sustainability from Carbon by IBM · Outline · Enterprise · Apache-2.0 Free for personal and commercial use.
- Name
- sustainability
- Set
- Carbon
- Style
- Outline
- Category
- Enterprise
- Viewbox
- 32×32
- License
- Apache 2.0
More enterprise icons from Carbon
accountaiai-agentai-agent-detachedai-business-impact-assessmentai-enabled-edtai-enabled-pdlcai-generateai-governance-lifecycleai-governance-trackedai-governance-untrackedai-labelai-launchai-observabilityai-recommendappleapple-dashautoscalingbank-vaultbasketballbatbee-batbinding-connectorblock-storage
Use the sustainability icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.57 27.75A12.9 12.9 0 0 1 16 29C8.832 29 3 23.168 3 16c0-3.075 1.057-5.979 3-8.308V10h2V4H2v2h2.842A14.86 14.86 0 0 0 1 16c0 8.271 6.729 15 15 15a14.9 14.9 0 0 0 6.43-1.444z"/><path fill="currentColor" d="M21 9c-3.16 0-5.751 2.457-5.978 5.56A5.97 5.97 0 0 0 11 13H7v4c0 3.309 2.692 6 6 6h2v4h2v-8h2c3.308 0 6-2.691 6-6V9zm-8 12c-2.206 0-4-1.794-4-4v-2h2c2.206 0 4 1.794 4 4v.586l-2.293-2.293l-1.414 1.414L13.586 21zm10-8c0 2.206-1.794 4-4 4h-.586l2.293-2.293l-1.414-1.414L17 15.586V15c0-2.206 1.794-4 4-4h2z"/><path fill="currentColor" d="M31 16c0-8.271-6.729-15-15-15a14.9 14.9 0 0 0-6.43 1.444l.86 1.806A12.9 12.9 0 0 1 16 3c7.168 0 13 5.832 13 13c0 3.075-1.057 5.979-3 8.308V22h-2v6h6v-2h-2.842A14.86 14.86 0 0 0 31 16"/></svg>
React
import type { SVGProps } from "react";
export function CarbonSustainability(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.57 27.75A12.9 12.9 0 0 1 16 29C8.832 29 3 23.168 3 16c0-3.075 1.057-5.979 3-8.308V10h2V4H2v2h2.842A14.86 14.86 0 0 0 1 16c0 8.271 6.729 15 15 15a14.9 14.9 0 0 0 6.43-1.444z"/><path fill="currentColor" d="M21 9c-3.16 0-5.751 2.457-5.978 5.56A5.97 5.97 0 0 0 11 13H7v4c0 3.309 2.692 6 6 6h2v4h2v-8h2c3.308 0 6-2.691 6-6V9zm-8 12c-2.206 0-4-1.794-4-4v-2h2c2.206 0 4 1.794 4 4v.586l-2.293-2.293l-1.414 1.414L13.586 21zm10-8c0 2.206-1.794 4-4 4h-.586l2.293-2.293l-1.414-1.414L17 15.586V15c0-2.206 1.794-4 4-4h2z"/><path fill="currentColor" d="M31 16c0-8.271-6.729-15-15-15a14.9 14.9 0 0 0-6.43 1.444l.86 1.806A12.9 12.9 0 0 1 16 3c7.168 0 13 5.832 13 13c0 3.075-1.057 5.979-3 8.308V22h-2v6h6v-2h-2.842A14.86 14.86 0 0 0 31 16"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21.57 27.75A12.9 12.9 0 0 1 16 29C8.832 29 3 23.168 3 16c0-3.075 1.057-5.979 3-8.308V10h2V4H2v2h2.842A14.86 14.86 0 0 0 1 16c0 8.271 6.729 15 15 15a14.9 14.9 0 0 0 6.43-1.444z"/><path fill="currentColor" d="M21 9c-3.16 0-5.751 2.457-5.978 5.56A5.97 5.97 0 0 0 11 13H7v4c0 3.309 2.692 6 6 6h2v4h2v-8h2c3.308 0 6-2.691 6-6V9zm-8 12c-2.206 0-4-1.794-4-4v-2h2c2.206 0 4 1.794 4 4v.586l-2.293-2.293l-1.414 1.414L13.586 21zm10-8c0 2.206-1.794 4-4 4h-.586l2.293-2.293l-1.414-1.414L17 15.586V15c0-2.206 1.794-4 4-4h2z"/><path fill="currentColor" d="M31 16c0-8.271-6.729-15-15-15a14.9 14.9 0 0 0-6.43 1.444l.86 1.806A12.9 12.9 0 0 1 16 3c7.168 0 13 5.832 13 13c0 3.075-1.057 5.979-3 8.308V22h-2v6h6v-2h-2.842A14.86 14.86 0 0 0 31 16"/></svg> </template>
CSS
.icon-sustainability {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.57%2027.75A12.9%2012.9%200%200%201%2016%2029C8.832%2029%203%2023.168%203%2016c0-3.075%201.057-5.979%203-8.308V10h2V4H2v2h2.842A14.86%2014.86%200%200%200%201%2016c0%208.271%206.729%2015%2015%2015a14.9%2014.9%200%200%200%206.43-1.444z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%209c-3.16%200-5.751%202.457-5.978%205.56A5.97%205.97%200%200%200%2011%2013H7v4c0%203.309%202.692%206%206%206h2v4h2v-8h2c3.308%200%206-2.691%206-6V9zm-8%2012c-2.206%200-4-1.794-4-4v-2h2c2.206%200%204%201.794%204%204v.586l-2.293-2.293l-1.414%201.414L13.586%2021zm10-8c0%202.206-1.794%204-4%204h-.586l2.293-2.293l-1.414-1.414L17%2015.586V15c0-2.206%201.794-4%204-4h2z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M31%2016c0-8.271-6.729-15-15-15a14.9%2014.9%200%200%200-6.43%201.444l.86%201.806A12.9%2012.9%200%200%201%2016%203c7.168%200%2013%205.832%2013%2013c0%203.075-1.057%205.979-3%208.308V22h-2v6h6v-2h-2.842A14.86%2014.86%200%200%200%2031%2016%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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21.57%2027.75A12.9%2012.9%200%200%201%2016%2029C8.832%2029%203%2023.168%203%2016c0-3.075%201.057-5.979%203-8.308V10h2V4H2v2h2.842A14.86%2014.86%200%200%200%201%2016c0%208.271%206.729%2015%2015%2015a14.9%2014.9%200%200%200%206.43-1.444z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%209c-3.16%200-5.751%202.457-5.978%205.56A5.97%205.97%200%200%200%2011%2013H7v4c0%203.309%202.692%206%206%206h2v4h2v-8h2c3.308%200%206-2.691%206-6V9zm-8%2012c-2.206%200-4-1.794-4-4v-2h2c2.206%200%204%201.794%204%204v.586l-2.293-2.293l-1.414%201.414L13.586%2021zm10-8c0%202.206-1.794%204-4%204h-.586l2.293-2.293l-1.414-1.414L17%2015.586V15c0-2.206%201.794-4%204-4h2z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M31%2016c0-8.271-6.729-15-15-15a14.9%2014.9%200%200%200-6.43%201.444l.86%201.806A12.9%2012.9%200%200%201%2016%203c7.168%200%2013%205.832%2013%2013c0%203.075-1.057%205.979-3%208.308V22h-2v6h6v-2h-2.842A14.86%2014.86%200%200%200%2031%2016%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/sustainability.svg?color=%231a73e8&size=48
