twotone eco icon
twotone-eco from Google Material Icons by Material Design Authors · Baseline · Action · Apache-2.0 Free for personal and commercial use.
- Name
- twotone-eco
- Set
- Google Material Icons
- Style
- Baseline
- Category
- Action
- Viewbox
- 24×24
- License
- Apache 2.0
More action icons from Google Material Icons
baseline-123baseline-3d-rotationbaseline-abcbaseline-accessibilitybaseline-accessibility-newbaseline-accessiblebaseline-accessible-forwardbaseline-account-balancebaseline-account-balance-walletbaseline-account-boxbaseline-account-circlebaseline-add-cardbaseline-add-homebaseline-add-shopping-cartbaseline-add-taskbaseline-add-to-drivebaseline-addchartbaseline-admin-panel-settingsbaseline-ads-clickbaseline-alarmbaseline-alarm-addbaseline-alarm-offbaseline-alarm-onbaseline-all-inbox
Use the twotone eco icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.46 9.46c-1.78 1.79-1.91 4.58-.43 6.54c1.53-2.54 3.73-4.64 6.37-6a16 16 0 0 0-4.88 7.32c.75.43 1.59.68 2.48.68c1.34 0 2.59-.52 3.54-1.46c1.74-1.74 2.81-6.57 3.26-10.33c-3.76.44-8.59 1.51-10.34 3.25" opacity=".3"/><path fill="currentColor" d="M6.05 8.05a7.007 7.007 0 0 0 0 9.9C7.42 19.32 9.21 20 11 20s3.58-.68 4.95-2.05C19.43 14.47 20 4 20 4S9.53 4.57 6.05 8.05m8.49 8.49c-.95.94-2.2 1.46-3.54 1.46c-.89 0-1.73-.25-2.48-.68c.92-2.88 2.62-5.41 4.88-7.32c-2.63 1.36-4.84 3.46-6.37 6c-1.48-1.96-1.35-4.75.44-6.54C9.21 7.72 14.04 6.65 17.8 6.2c-.45 3.76-1.52 8.59-3.26 10.34"/></svg>
React
import type { SVGProps } from "react";
export function IcTwotoneEco(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.46 9.46c-1.78 1.79-1.91 4.58-.43 6.54c1.53-2.54 3.73-4.64 6.37-6a16 16 0 0 0-4.88 7.32c.75.43 1.59.68 2.48.68c1.34 0 2.59-.52 3.54-1.46c1.74-1.74 2.81-6.57 3.26-10.33c-3.76.44-8.59 1.51-10.34 3.25" opacity=".3"/><path fill="currentColor" d="M6.05 8.05a7.007 7.007 0 0 0 0 9.9C7.42 19.32 9.21 20 11 20s3.58-.68 4.95-2.05C19.43 14.47 20 4 20 4S9.53 4.57 6.05 8.05m8.49 8.49c-.95.94-2.2 1.46-3.54 1.46c-.89 0-1.73-.25-2.48-.68c.92-2.88 2.62-5.41 4.88-7.32c-2.63 1.36-4.84 3.46-6.37 6c-1.48-1.96-1.35-4.75.44-6.54C9.21 7.72 14.04 6.65 17.8 6.2c-.45 3.76-1.52 8.59-3.26 10.34"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.46 9.46c-1.78 1.79-1.91 4.58-.43 6.54c1.53-2.54 3.73-4.64 6.37-6a16 16 0 0 0-4.88 7.32c.75.43 1.59.68 2.48.68c1.34 0 2.59-.52 3.54-1.46c1.74-1.74 2.81-6.57 3.26-10.33c-3.76.44-8.59 1.51-10.34 3.25" opacity=".3"/><path fill="currentColor" d="M6.05 8.05a7.007 7.007 0 0 0 0 9.9C7.42 19.32 9.21 20 11 20s3.58-.68 4.95-2.05C19.43 14.47 20 4 20 4S9.53 4.57 6.05 8.05m8.49 8.49c-.95.94-2.2 1.46-3.54 1.46c-.89 0-1.73-.25-2.48-.68c.92-2.88 2.62-5.41 4.88-7.32c-2.63 1.36-4.84 3.46-6.37 6c-1.48-1.96-1.35-4.75.44-6.54C9.21 7.72 14.04 6.65 17.8 6.2c-.45 3.76-1.52 8.59-3.26 10.34"/></svg> </template>
CSS
.icon-twotone-eco {
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%22currentColor%22%20d%3D%22M7.46%209.46c-1.78%201.79-1.91%204.58-.43%206.54c1.53-2.54%203.73-4.64%206.37-6a16%2016%200%200%200-4.88%207.32c.75.43%201.59.68%202.48.68c1.34%200%202.59-.52%203.54-1.46c1.74-1.74%202.81-6.57%203.26-10.33c-3.76.44-8.59%201.51-10.34%203.25%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.05%208.05a7.007%207.007%200%200%200%200%209.9C7.42%2019.32%209.21%2020%2011%2020s3.58-.68%204.95-2.05C19.43%2014.47%2020%204%2020%204S9.53%204.57%206.05%208.05m8.49%208.49c-.95.94-2.2%201.46-3.54%201.46c-.89%200-1.73-.25-2.48-.68c.92-2.88%202.62-5.41%204.88-7.32c-2.63%201.36-4.84%203.46-6.37%206c-1.48-1.96-1.35-4.75.44-6.54C9.21%207.72%2014.04%206.65%2017.8%206.2c-.45%203.76-1.52%208.59-3.26%2010.34%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%22currentColor%22%20d%3D%22M7.46%209.46c-1.78%201.79-1.91%204.58-.43%206.54c1.53-2.54%203.73-4.64%206.37-6a16%2016%200%200%200-4.88%207.32c.75.43%201.59.68%202.48.68c1.34%200%202.59-.52%203.54-1.46c1.74-1.74%202.81-6.57%203.26-10.33c-3.76.44-8.59%201.51-10.34%203.25%22%20opacity%3D%22.3%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6.05%208.05a7.007%207.007%200%200%200%200%209.9C7.42%2019.32%209.21%2020%2011%2020s3.58-.68%204.95-2.05C19.43%2014.47%2020%204%2020%204S9.53%204.57%206.05%208.05m8.49%208.49c-.95.94-2.2%201.46-3.54%201.46c-.89%200-1.73-.25-2.48-.68c.92-2.88%202.62-5.41%204.88-7.32c-2.63%201.36-4.84%203.46-6.37%206c-1.48-1.96-1.35-4.75.44-6.54C9.21%207.72%2014.04%206.65%2017.8%206.2c-.45%203.76-1.52%208.59-3.26%2010.34%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ic/twotone-eco.svg?color=%231a73e8&size=48
