environment icon

environment-twotone from Ant Design Icons by HeskeyBaozi · TwoTone · MIT Free for personal and commercial use.

Name: environment-twotone
Set: Ant Design Icons
Style: TwoTone
Viewbox: 1024×1024
License: MIT

2 other variants in Ant Design Icons

Use the environment icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="M724.4 224.9C667.7 169.5 592.3 139 512 139s-155.7 30.5-212.4 85.8C243.1 280 212 353.2 212 431.1c0 241.3 234.1 407.2 300 449.1c65.9-41.9 300-207.8 300-449.1c0-77.9-31.1-151.1-87.6-206.2M512 615c-97.2 0-176-78.8-176-176s78.8-176 176-176s176 78.8 176 176s-78.8 176-176 176"/><path fill="currentColor" d="M512 263c-97.2 0-176 78.8-176 176s78.8 176 176 176s176-78.8 176-176s-78.8-176-176-176m79.2 255.2A111.6 111.6 0 0 1 512 551c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 0 1 400 439c0-29.9 11.7-58 32.8-79.2C454 338.6 482.1 327 512 327s58 11.6 79.2 32.8S624 409.1 624 439s-11.6 58-32.8 79.2"/><path fill="currentColor" d="M854.6 289.1a362.5 362.5 0 0 0-79.9-115.7a370.8 370.8 0 0 0-118.2-77.8C610.7 76.6 562.1 67 512 67s-98.7 9.6-144.5 28.5c-44.3 18.3-84 44.5-118.2 77.8A363.6 363.6 0 0 0 169.4 289c-19.5 45-29.4 92.8-29.4 142c0 70.6 16.9 140.9 50.1 208.7c26.7 54.5 64 107.6 111 158.1c80.3 86.2 164.5 138.9 188.4 153a43.9 43.9 0 0 0 22.4 6.1c7.8 0 15.5-2 22.4-6.1c23.9-14.1 108.1-66.8 188.4-153c47-50.4 84.3-103.6 111-158.1C867.1 572 884 501.8 884 431.1c0-49.2-9.9-97-29.4-142M512 880.2c-65.9-41.9-300-207.8-300-449.1c0-77.9 31.1-151.1 87.6-206.3C356.3 169.5 431.7 139 512 139s155.7 30.5 212.4 85.9C780.9 280 812 353.2 812 431.1c0 241.3-234.1 407.2-300 449.1"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignEnvironmentTwotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fillOpacity=".15" d="M724.4 224.9C667.7 169.5 592.3 139 512 139s-155.7 30.5-212.4 85.8C243.1 280 212 353.2 212 431.1c0 241.3 234.1 407.2 300 449.1c65.9-41.9 300-207.8 300-449.1c0-77.9-31.1-151.1-87.6-206.2M512 615c-97.2 0-176-78.8-176-176s78.8-176 176-176s176 78.8 176 176s-78.8 176-176 176"/><path fill="currentColor" d="M512 263c-97.2 0-176 78.8-176 176s78.8 176 176 176s176-78.8 176-176s-78.8-176-176-176m79.2 255.2A111.6 111.6 0 0 1 512 551c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 0 1 400 439c0-29.9 11.7-58 32.8-79.2C454 338.6 482.1 327 512 327s58 11.6 79.2 32.8S624 409.1 624 439s-11.6 58-32.8 79.2"/><path fill="currentColor" d="M854.6 289.1a362.5 362.5 0 0 0-79.9-115.7a370.8 370.8 0 0 0-118.2-77.8C610.7 76.6 562.1 67 512 67s-98.7 9.6-144.5 28.5c-44.3 18.3-84 44.5-118.2 77.8A363.6 363.6 0 0 0 169.4 289c-19.5 45-29.4 92.8-29.4 142c0 70.6 16.9 140.9 50.1 208.7c26.7 54.5 64 107.6 111 158.1c80.3 86.2 164.5 138.9 188.4 153a43.9 43.9 0 0 0 22.4 6.1c7.8 0 15.5-2 22.4-6.1c23.9-14.1 108.1-66.8 188.4-153c47-50.4 84.3-103.6 111-158.1C867.1 572 884 501.8 884 431.1c0-49.2-9.9-97-29.4-142M512 880.2c-65.9-41.9-300-207.8-300-449.1c0-77.9 31.1-151.1 87.6-206.3C356.3 169.5 431.7 139 512 139s155.7 30.5 212.4 85.9C780.9 280 812 353.2 812 431.1c0 241.3-234.1 407.2-300 449.1"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" fill-opacity=".15" d="M724.4 224.9C667.7 169.5 592.3 139 512 139s-155.7 30.5-212.4 85.8C243.1 280 212 353.2 212 431.1c0 241.3 234.1 407.2 300 449.1c65.9-41.9 300-207.8 300-449.1c0-77.9-31.1-151.1-87.6-206.2M512 615c-97.2 0-176-78.8-176-176s78.8-176 176-176s176 78.8 176 176s-78.8 176-176 176"/><path fill="currentColor" d="M512 263c-97.2 0-176 78.8-176 176s78.8 176 176 176s176-78.8 176-176s-78.8-176-176-176m79.2 255.2A111.6 111.6 0 0 1 512 551c-29.9 0-58-11.7-79.2-32.8A111.6 111.6 0 0 1 400 439c0-29.9 11.7-58 32.8-79.2C454 338.6 482.1 327 512 327s58 11.6 79.2 32.8S624 409.1 624 439s-11.6 58-32.8 79.2"/><path fill="currentColor" d="M854.6 289.1a362.5 362.5 0 0 0-79.9-115.7a370.8 370.8 0 0 0-118.2-77.8C610.7 76.6 562.1 67 512 67s-98.7 9.6-144.5 28.5c-44.3 18.3-84 44.5-118.2 77.8A363.6 363.6 0 0 0 169.4 289c-19.5 45-29.4 92.8-29.4 142c0 70.6 16.9 140.9 50.1 208.7c26.7 54.5 64 107.6 111 158.1c80.3 86.2 164.5 138.9 188.4 153a43.9 43.9 0 0 0 22.4 6.1c7.8 0 15.5-2 22.4-6.1c23.9-14.1 108.1-66.8 188.4-153c47-50.4 84.3-103.6 111-158.1C867.1 572 884 501.8 884 431.1c0-49.2-9.9-97-29.4-142M512 880.2c-65.9-41.9-300-207.8-300-449.1c0-77.9 31.1-151.1 87.6-206.3C356.3 169.5 431.7 139 512 139s155.7 30.5 212.4 85.9C780.9 280 812 353.2 812 431.1c0 241.3-234.1 407.2-300 449.1"/></svg>
</template>

CSS

.icon-environment-twotone {
  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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M724.4%20224.9C667.7%20169.5%20592.3%20139%20512%20139s-155.7%2030.5-212.4%2085.8C243.1%20280%20212%20353.2%20212%20431.1c0%20241.3%20234.1%20407.2%20300%20449.1c65.9-41.9%20300-207.8%20300-449.1c0-77.9-31.1-151.1-87.6-206.2M512%20615c-97.2%200-176-78.8-176-176s78.8-176%20176-176s176%2078.8%20176%20176s-78.8%20176-176%20176%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%20263c-97.2%200-176%2078.8-176%20176s78.8%20176%20176%20176s176-78.8%20176-176s-78.8-176-176-176m79.2%20255.2A111.6%20111.6%200%200%201%20512%20551c-29.9%200-58-11.7-79.2-32.8A111.6%20111.6%200%200%201%20400%20439c0-29.9%2011.7-58%2032.8-79.2C454%20338.6%20482.1%20327%20512%20327s58%2011.6%2079.2%2032.8S624%20409.1%20624%20439s-11.6%2058-32.8%2079.2%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M854.6%20289.1a362.5%20362.5%200%200%200-79.9-115.7a370.8%20370.8%200%200%200-118.2-77.8C610.7%2076.6%20562.1%2067%20512%2067s-98.7%209.6-144.5%2028.5c-44.3%2018.3-84%2044.5-118.2%2077.8A363.6%20363.6%200%200%200%20169.4%20289c-19.5%2045-29.4%2092.8-29.4%20142c0%2070.6%2016.9%20140.9%2050.1%20208.7c26.7%2054.5%2064%20107.6%20111%20158.1c80.3%2086.2%20164.5%20138.9%20188.4%20153a43.9%2043.9%200%200%200%2022.4%206.1c7.8%200%2015.5-2%2022.4-6.1c23.9-14.1%20108.1-66.8%20188.4-153c47-50.4%2084.3-103.6%20111-158.1C867.1%20572%20884%20501.8%20884%20431.1c0-49.2-9.9-97-29.4-142M512%20880.2c-65.9-41.9-300-207.8-300-449.1c0-77.9%2031.1-151.1%2087.6-206.3C356.3%20169.5%20431.7%20139%20512%20139s155.7%2030.5%20212.4%2085.9C780.9%20280%20812%20353.2%20812%20431.1c0%20241.3-234.1%20407.2-300%20449.1%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%201024%201024%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.15%22%20d%3D%22M724.4%20224.9C667.7%20169.5%20592.3%20139%20512%20139s-155.7%2030.5-212.4%2085.8C243.1%20280%20212%20353.2%20212%20431.1c0%20241.3%20234.1%20407.2%20300%20449.1c65.9-41.9%20300-207.8%20300-449.1c0-77.9-31.1-151.1-87.6-206.2M512%20615c-97.2%200-176-78.8-176-176s78.8-176%20176-176s176%2078.8%20176%20176s-78.8%20176-176%20176%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M512%20263c-97.2%200-176%2078.8-176%20176s78.8%20176%20176%20176s176-78.8%20176-176s-78.8-176-176-176m79.2%20255.2A111.6%20111.6%200%200%201%20512%20551c-29.9%200-58-11.7-79.2-32.8A111.6%20111.6%200%200%201%20400%20439c0-29.9%2011.7-58%2032.8-79.2C454%20338.6%20482.1%20327%20512%20327s58%2011.6%2079.2%2032.8S624%20409.1%20624%20439s-11.6%2058-32.8%2079.2%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M854.6%20289.1a362.5%20362.5%200%200%200-79.9-115.7a370.8%20370.8%200%200%200-118.2-77.8C610.7%2076.6%20562.1%2067%20512%2067s-98.7%209.6-144.5%2028.5c-44.3%2018.3-84%2044.5-118.2%2077.8A363.6%20363.6%200%200%200%20169.4%20289c-19.5%2045-29.4%2092.8-29.4%20142c0%2070.6%2016.9%20140.9%2050.1%20208.7c26.7%2054.5%2064%20107.6%20111%20158.1c80.3%2086.2%20164.5%20138.9%20188.4%20153a43.9%2043.9%200%200%200%2022.4%206.1c7.8%200%2015.5-2%2022.4-6.1c23.9-14.1%20108.1-66.8%20188.4-153c47-50.4%2084.3-103.6%20111-158.1C867.1%20572%20884%20501.8%20884%20431.1c0-49.2-9.9-97-29.4-142M512%20880.2c-65.9-41.9-300-207.8-300-449.1c0-77.9%2031.1-151.1%2087.6-206.3C356.3%20169.5%20431.7%20139%20512%20139s155.7%2030.5%20212.4%2085.9C780.9%20280%20812%20353.2%20812%20431.1c0%20241.3-234.1%20407.2-300%20449.1%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ant-design/environment-twotone.svg?color=%231a73e8&size=48