earth plus icon
earth-plus from Material Design Icons by Pictogrammers · Filled · Navigation · Apache-2.0 Free for personal and commercial use.
- Name
- earth-plus
- Set
- Material Design Icons
- Style
- Filled
- Category
- Navigation
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- globe-plus, planet-plus, world-plus
More navigation icons from Material Design Icons
Use the earth plus icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17 14h2v3h3v2h-3v3h-2v-3h-3v-2h3zm3-2c0-3.36-2.07-6.23-5-7.41V5c0 1.1-.9 2-2 2h-2v2c0 .55-.45 1-1 1H8v2h6c.5 0 .9.35 1 .81c-1.8 1.04-3 2.98-3 5.19c0 1.5.54 2.85 1.44 3.9L12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10l-.1 1.44c-.56-.48-1.2-.85-1.9-1.1zm-9 7.93V18c-1.1 0-2-.9-2-2v-1l-4.79-4.79C4.08 10.78 4 11.38 4 12c0 4.08 3.06 7.44 7 7.93"/></svg>
React
import type { SVGProps } from "react";
export function MdiEarthPlus(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="M17 14h2v3h3v2h-3v3h-2v-3h-3v-2h3zm3-2c0-3.36-2.07-6.23-5-7.41V5c0 1.1-.9 2-2 2h-2v2c0 .55-.45 1-1 1H8v2h6c.5 0 .9.35 1 .81c-1.8 1.04-3 2.98-3 5.19c0 1.5.54 2.85 1.44 3.9L12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10l-.1 1.44c-.56-.48-1.2-.85-1.9-1.1zm-9 7.93V18c-1.1 0-2-.9-2-2v-1l-4.79-4.79C4.08 10.78 4 11.38 4 12c0 4.08 3.06 7.44 7 7.93"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M17 14h2v3h3v2h-3v3h-2v-3h-3v-2h3zm3-2c0-3.36-2.07-6.23-5-7.41V5c0 1.1-.9 2-2 2h-2v2c0 .55-.45 1-1 1H8v2h6c.5 0 .9.35 1 .81c-1.8 1.04-3 2.98-3 5.19c0 1.5.54 2.85 1.44 3.9L12 22C6.5 22 2 17.5 2 12S6.5 2 12 2s10 4.5 10 10l-.1 1.44c-.56-.48-1.2-.85-1.9-1.1zm-9 7.93V18c-1.1 0-2-.9-2-2v-1l-4.79-4.79C4.08 10.78 4 11.38 4 12c0 4.08 3.06 7.44 7 7.93"/></svg> </template>
CSS
.icon-earth-plus {
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%22M17%2014h2v3h3v2h-3v3h-2v-3h-3v-2h3zm3-2c0-3.36-2.07-6.23-5-7.41V5c0%201.1-.9%202-2%202h-2v2c0%20.55-.45%201-1%201H8v2h6c.5%200%20.9.35%201%20.81c-1.8%201.04-3%202.98-3%205.19c0%201.5.54%202.85%201.44%203.9L12%2022C6.5%2022%202%2017.5%202%2012S6.5%202%2012%202s10%204.5%2010%2010l-.1%201.44c-.56-.48-1.2-.85-1.9-1.1zm-9%207.93V18c-1.1%200-2-.9-2-2v-1l-4.79-4.79C4.08%2010.78%204%2011.38%204%2012c0%204.08%203.06%207.44%207%207.93%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%22M17%2014h2v3h3v2h-3v3h-2v-3h-3v-2h3zm3-2c0-3.36-2.07-6.23-5-7.41V5c0%201.1-.9%202-2%202h-2v2c0%20.55-.45%201-1%201H8v2h6c.5%200%20.9.35%201%20.81c-1.8%201.04-3%202.98-3%205.19c0%201.5.54%202.85%201.44%203.9L12%2022C6.5%2022%202%2017.5%202%2012S6.5%202%2012%202s10%204.5%2010%2010l-.1%201.44c-.56-.48-1.2-.85-1.9-1.1zm-9%207.93V18c-1.1%200-2-.9-2-2v-1l-4.79-4.79C4.08%2010.78%204%2011.38%204%2012c0%204.08%203.06%207.44%207%207.93%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/earth-plus.svg?color=%231a73e8&size=48
