environment icon

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

Name: environment-filled
Set: Ant Design Icons
Style: Filled
Viewbox: 1024×1024
License: MIT
Aliases: environment-fill

2 other variants in Ant Design Icons

environment-outlined environment-twotone

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" d="M512 327c-29.9 0-58 11.6-79.2 32.8A111.6 111.6 0 0 0 400 439c0 29.9 11.7 58 32.8 79.2A111.6 111.6 0 0 0 512 551c29.9 0 58-11.7 79.2-32.8C612.4 497 624 468.9 624 439s-11.6-58-32.8-79.2S541.9 327 512 327m342.6-37.9a362.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 615c-97.2 0-176-78.8-176-176s78.8-176 176-176s176 78.8 176 176s-78.8 176-176 176"/></svg>

React

import type { SVGProps } from "react";

export function AntDesignEnvironmentFilled(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" d="M512 327c-29.9 0-58 11.6-79.2 32.8A111.6 111.6 0 0 0 400 439c0 29.9 11.7 58 32.8 79.2A111.6 111.6 0 0 0 512 551c29.9 0 58-11.7 79.2-32.8C612.4 497 624 468.9 624 439s-11.6-58-32.8-79.2S541.9 327 512 327m342.6-37.9a362.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 615c-97.2 0-176-78.8-176-176s78.8-176 176-176s176 78.8 176 176s-78.8 176-176 176"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 1024 1024"><path fill="currentColor" d="M512 327c-29.9 0-58 11.6-79.2 32.8A111.6 111.6 0 0 0 400 439c0 29.9 11.7 58 32.8 79.2A111.6 111.6 0 0 0 512 551c29.9 0 58-11.7 79.2-32.8C612.4 497 624 468.9 624 439s-11.6-58-32.8-79.2S541.9 327 512 327m342.6-37.9a362.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 615c-97.2 0-176-78.8-176-176s78.8-176 176-176s176 78.8 176 176s-78.8 176-176 176"/></svg>
</template>

CSS

.icon-environment-filled {
  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%20d%3D%22M512%20327c-29.9%200-58%2011.6-79.2%2032.8A111.6%20111.6%200%200%200%20400%20439c0%2029.9%2011.7%2058%2032.8%2079.2A111.6%20111.6%200%200%200%20512%20551c29.9%200%2058-11.7%2079.2-32.8C612.4%20497%20624%20468.9%20624%20439s-11.6-58-32.8-79.2S541.9%20327%20512%20327m342.6-37.9a362.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%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%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%20d%3D%22M512%20327c-29.9%200-58%2011.6-79.2%2032.8A111.6%20111.6%200%200%200%20400%20439c0%2029.9%2011.7%2058%2032.8%2079.2A111.6%20111.6%200%200%200%20512%20551c29.9%200%2058-11.7%2079.2-32.8C612.4%20497%20624%20468.9%20624%20439s-11.6-58-32.8-79.2S541.9%20327%20512%20327m342.6-37.9a362.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%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%3C%2Fsvg%3E") no-repeat center / contain;
}

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