appnet icon

appnet from Material Design Icons by Pictogrammers · Filled · Apache-2.0 Free for personal and commercial use.

Name
appnet
Set
Material Design Icons
Style
Filled
Viewbox
24×24
License
Apache 2.0

Use the appnet icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M14.474 9.142c.597-1.45 1.706-4.862 1.877-5.46c.17-.597.597-.682.853-.682h2.047c.341 0 .533.256.448.682c-2.154 7.593-3.604 9.81-3.604 10.323c0 1.28 1.365 3.668 2.644 3.668c.768 0 .598-1.109 1.45-1.109h1.621c.256 0 .512.256.512.682c0 .427-.474 3.754-3.716 3.754s-4.452-3.919-4.452-3.919C13.727 17.934 11.232 21 8.161 21c-5.46 0-6.483-5.8-6.483-9.213C1.678 8.374 3.298 3 7.905 3s6.569 6.142 6.569 6.142zm-9.981 2.389c0 1.962-.085 6.057 3.508 6.142c2.037.085 3.914-2.474 4.804-4.521c-1.232-4.266-2.085-6.825-4.814-6.825c-3.669.085-3.498 5.204-3.498 5.204z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function MdiAppnet(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M14.474 9.142c.597-1.45 1.706-4.862 1.877-5.46c.17-.597.597-.682.853-.682h2.047c.341 0 .533.256.448.682c-2.154 7.593-3.604 9.81-3.604 10.323c0 1.28 1.365 3.668 2.644 3.668c.768 0 .598-1.109 1.45-1.109h1.621c.256 0 .512.256.512.682c0 .427-.474 3.754-3.716 3.754s-4.452-3.919-4.452-3.919C13.727 17.934 11.232 21 8.161 21c-5.46 0-6.483-5.8-6.483-9.213C1.678 8.374 3.298 3 7.905 3s6.569 6.142 6.569 6.142zm-9.981 2.389c0 1.962-.085 6.057 3.508 6.142c2.037.085 3.914-2.474 4.804-4.521c-1.232-4.266-2.085-6.825-4.814-6.825c-3.669.085-3.498 5.204-3.498 5.204z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path d="M14.474 9.142c.597-1.45 1.706-4.862 1.877-5.46c.17-.597.597-.682.853-.682h2.047c.341 0 .533.256.448.682c-2.154 7.593-3.604 9.81-3.604 10.323c0 1.28 1.365 3.668 2.644 3.668c.768 0 .598-1.109 1.45-1.109h1.621c.256 0 .512.256.512.682c0 .427-.474 3.754-3.716 3.754s-4.452-3.919-4.452-3.919C13.727 17.934 11.232 21 8.161 21c-5.46 0-6.483-5.8-6.483-9.213C1.678 8.374 3.298 3 7.905 3s6.569 6.142 6.569 6.142zm-9.981 2.389c0 1.962-.085 6.057 3.508 6.142c2.037.085 3.914-2.474 4.804-4.521c-1.232-4.266-2.085-6.825-4.814-6.825c-3.669.085-3.498 5.204-3.498 5.204z" fill="currentColor"/></svg>
</template>

CSS

.icon-appnet {
  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%20d%3D%22M14.474%209.142c.597-1.45%201.706-4.862%201.877-5.46c.17-.597.597-.682.853-.682h2.047c.341%200%20.533.256.448.682c-2.154%207.593-3.604%209.81-3.604%2010.323c0%201.28%201.365%203.668%202.644%203.668c.768%200%20.598-1.109%201.45-1.109h1.621c.256%200%20.512.256.512.682c0%20.427-.474%203.754-3.716%203.754s-4.452-3.919-4.452-3.919C13.727%2017.934%2011.232%2021%208.161%2021c-5.46%200-6.483-5.8-6.483-9.213C1.678%208.374%203.298%203%207.905%203s6.569%206.142%206.569%206.142zm-9.981%202.389c0%201.962-.085%206.057%203.508%206.142c2.037.085%203.914-2.474%204.804-4.521c-1.232-4.266-2.085-6.825-4.814-6.825c-3.669.085-3.498%205.204-3.498%205.204z%22%20fill%3D%22currentColor%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%20d%3D%22M14.474%209.142c.597-1.45%201.706-4.862%201.877-5.46c.17-.597.597-.682.853-.682h2.047c.341%200%20.533.256.448.682c-2.154%207.593-3.604%209.81-3.604%2010.323c0%201.28%201.365%203.668%202.644%203.668c.768%200%20.598-1.109%201.45-1.109h1.621c.256%200%20.512.256.512.682c0%20.427-.474%203.754-3.716%203.754s-4.452-3.919-4.452-3.919C13.727%2017.934%2011.232%2021%208.161%2021c-5.46%200-6.483-5.8-6.483-9.213C1.678%208.374%203.298%203%207.905%203s6.569%206.142%206.569%206.142zm-9.981%202.389c0%201.962-.085%206.057%203.508%206.142c2.037.085%203.914-2.474%204.804-4.521c-1.232-4.266-2.085-6.825-4.814-6.825c-3.669.085-3.498%205.204-3.498%205.204z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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