web box icon

web-box from Material Design Icons by Pictogrammers · Filled · Geographic Information System · Apache-2.0 Free for personal and commercial use.

Name: web-box
Set: Material Design Icons
Style: Filled
Category: Geographic Information System
Viewbox: 24×24
License: Apache 2.0
Aliases: internet-box, language-box

More geographic information system icons from Material Design Icons

Use the web box icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.95 13.4H6.58a5.5 5.5 0 0 1 0-2.8h2.37a12 12 0 0 0-.1 1.4a12 12 0 0 0 .1 1.4M7.16 9.2H9.2a12 12 0 0 1 .98-2.49A5.55 5.55 0 0 0 7.16 9.2m9.68 0a5.6 5.6 0 0 0-3.03-2.49a11 11 0 0 1 .97 2.49M12 17.57a9.5 9.5 0 0 0 1.34-2.77h-2.68A9.5 9.5 0 0 0 12 17.57m0-11.15a9.5 9.5 0 0 0-1.34 2.78h2.68A9.5 9.5 0 0 0 12 6.42M7.16 14.8a5.6 5.6 0 0 0 3.02 2.49a12 12 0 0 1-.98-2.49M21 5v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2m-2 7a7 7 0 1 0-7 7a7 7 0 0 0 7-7m-3.85 0a12 12 0 0 1-.1 1.4h2.37a5.5 5.5 0 0 0 0-2.8h-2.37a12 12 0 0 1 .1 1.4m-1.34 5.29a5.62 5.62 0 0 0 3.03-2.49h-2.06a11 11 0 0 1-.97 2.49m-3.45-6.69a8.8 8.8 0 0 0 0 2.8h3.28a10 10 0 0 0 .11-1.4a10 10 0 0 0-.11-1.4Z"/></svg>

React

import type { SVGProps } from "react";

export function MdiWebBox(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="M8.95 13.4H6.58a5.5 5.5 0 0 1 0-2.8h2.37a12 12 0 0 0-.1 1.4a12 12 0 0 0 .1 1.4M7.16 9.2H9.2a12 12 0 0 1 .98-2.49A5.55 5.55 0 0 0 7.16 9.2m9.68 0a5.6 5.6 0 0 0-3.03-2.49a11 11 0 0 1 .97 2.49M12 17.57a9.5 9.5 0 0 0 1.34-2.77h-2.68A9.5 9.5 0 0 0 12 17.57m0-11.15a9.5 9.5 0 0 0-1.34 2.78h2.68A9.5 9.5 0 0 0 12 6.42M7.16 14.8a5.6 5.6 0 0 0 3.02 2.49a12 12 0 0 1-.98-2.49M21 5v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2m-2 7a7 7 0 1 0-7 7a7 7 0 0 0 7-7m-3.85 0a12 12 0 0 1-.1 1.4h2.37a5.5 5.5 0 0 0 0-2.8h-2.37a12 12 0 0 1 .1 1.4m-1.34 5.29a5.62 5.62 0 0 0 3.03-2.49h-2.06a11 11 0 0 1-.97 2.49m-3.45-6.69a8.8 8.8 0 0 0 0 2.8h3.28a10 10 0 0 0 .11-1.4a10 10 0 0 0-.11-1.4Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M8.95 13.4H6.58a5.5 5.5 0 0 1 0-2.8h2.37a12 12 0 0 0-.1 1.4a12 12 0 0 0 .1 1.4M7.16 9.2H9.2a12 12 0 0 1 .98-2.49A5.55 5.55 0 0 0 7.16 9.2m9.68 0a5.6 5.6 0 0 0-3.03-2.49a11 11 0 0 1 .97 2.49M12 17.57a9.5 9.5 0 0 0 1.34-2.77h-2.68A9.5 9.5 0 0 0 12 17.57m0-11.15a9.5 9.5 0 0 0-1.34 2.78h2.68A9.5 9.5 0 0 0 12 6.42M7.16 14.8a5.6 5.6 0 0 0 3.02 2.49a12 12 0 0 1-.98-2.49M21 5v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2m-2 7a7 7 0 1 0-7 7a7 7 0 0 0 7-7m-3.85 0a12 12 0 0 1-.1 1.4h2.37a5.5 5.5 0 0 0 0-2.8h-2.37a12 12 0 0 1 .1 1.4m-1.34 5.29a5.62 5.62 0 0 0 3.03-2.49h-2.06a11 11 0 0 1-.97 2.49m-3.45-6.69a8.8 8.8 0 0 0 0 2.8h3.28a10 10 0 0 0 .11-1.4a10 10 0 0 0-.11-1.4Z"/></svg>
</template>

CSS

.icon-web-box {
  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%22M8.95%2013.4H6.58a5.5%205.5%200%200%201%200-2.8h2.37a12%2012%200%200%200-.1%201.4a12%2012%200%200%200%20.1%201.4M7.16%209.2H9.2a12%2012%200%200%201%20.98-2.49A5.55%205.55%200%200%200%207.16%209.2m9.68%200a5.6%205.6%200%200%200-3.03-2.49a11%2011%200%200%201%20.97%202.49M12%2017.57a9.5%209.5%200%200%200%201.34-2.77h-2.68A9.5%209.5%200%200%200%2012%2017.57m0-11.15a9.5%209.5%200%200%200-1.34%202.78h2.68A9.5%209.5%200%200%200%2012%206.42M7.16%2014.8a5.6%205.6%200%200%200%203.02%202.49a12%2012%200%200%201-.98-2.49M21%205v14a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202m-2%207a7%207%200%201%200-7%207a7%207%200%200%200%207-7m-3.85%200a12%2012%200%200%201-.1%201.4h2.37a5.5%205.5%200%200%200%200-2.8h-2.37a12%2012%200%200%201%20.1%201.4m-1.34%205.29a5.62%205.62%200%200%200%203.03-2.49h-2.06a11%2011%200%200%201-.97%202.49m-3.45-6.69a8.8%208.8%200%200%200%200%202.8h3.28a10%2010%200%200%200%20.11-1.4a10%2010%200%200%200-.11-1.4Z%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%22M8.95%2013.4H6.58a5.5%205.5%200%200%201%200-2.8h2.37a12%2012%200%200%200-.1%201.4a12%2012%200%200%200%20.1%201.4M7.16%209.2H9.2a12%2012%200%200%201%20.98-2.49A5.55%205.55%200%200%200%207.16%209.2m9.68%200a5.6%205.6%200%200%200-3.03-2.49a11%2011%200%200%201%20.97%202.49M12%2017.57a9.5%209.5%200%200%200%201.34-2.77h-2.68A9.5%209.5%200%200%200%2012%2017.57m0-11.15a9.5%209.5%200%200%200-1.34%202.78h2.68A9.5%209.5%200%200%200%2012%206.42M7.16%2014.8a5.6%205.6%200%200%200%203.02%202.49a12%2012%200%200%201-.98-2.49M21%205v14a2%202%200%200%201-2%202H5a2%202%200%200%201-2-2V5a2%202%200%200%201%202-2h14a2%202%200%200%201%202%202m-2%207a7%207%200%201%200-7%207a7%207%200%200%200%207-7m-3.85%200a12%2012%200%200%201-.1%201.4h2.37a5.5%205.5%200%200%200%200-2.8h-2.37a12%2012%200%200%201%20.1%201.4m-1.34%205.29a5.62%205.62%200%200%200%203.03-2.49h-2.06a11%2011%200%200%201-.97%202.49m-3.45-6.69a8.8%208.8%200%200%200%200%202.8h3.28a10%2010%200%200%200%20.11-1.4a10%2010%200%200%200-.11-1.4Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mdi/web-box.svg?color=%231a73e8&size=48