nat icon

nat from Material Symbols Light by Google · Regular · Communicate · Apache-2.0 Free for personal and commercial use.

Name: nat
Set: Material Symbols Light
Style: Regular
Category: Communicate
Viewbox: 24×24
License: Apache 2.0
Aliases: nat-outline, nat-outline-sharp, nat-sharp

1 other variant in Material Symbols Light

nat-rounded

The same icon in other sets

natMaterial Symbols

More communicate icons from Material Symbols Light

Use the nat icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.289 14.5q-1.039 0-1.77-.73T1.79 12t.73-1.77t1.77-.73q.898 0 1.583.563q.686.562.87 1.437h3.893v1H6.742q-.184.875-.87 1.438t-1.584.562m1.059-1.441q.442-.442.442-1.059t-.442-1.059t-1.059-.441t-1.058.441q-.441.442-.441 1.059t.44 1.059t1.06.441t1.058-.441M5.404 21v-1q3.383 0 5.691-2.28q2.309-2.28 2.309-5.72t-2.309-5.72T5.404 4V3q3.771 0 6.308 2.494t2.68 6.006h5.893l-2.089-2.1l.708-.708L22.212 12l-3.308 3.308l-.708-.708l2.089-2.1h-5.893q-.144 3.512-2.68 6.006T5.404 21"/></svg>

React

import type { SVGProps } from "react";

export function MaterialSymbolsLightNat(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="M4.289 14.5q-1.039 0-1.77-.73T1.79 12t.73-1.77t1.77-.73q.898 0 1.583.563q.686.562.87 1.437h3.893v1H6.742q-.184.875-.87 1.438t-1.584.562m1.059-1.441q.442-.442.442-1.059t-.442-1.059t-1.059-.441t-1.058.441q-.441.442-.441 1.059t.44 1.059t1.06.441t1.058-.441M5.404 21v-1q3.383 0 5.691-2.28q2.309-2.28 2.309-5.72t-2.309-5.72T5.404 4V3q3.771 0 6.308 2.494t2.68 6.006h5.893l-2.089-2.1l.708-.708L22.212 12l-3.308 3.308l-.708-.708l2.089-2.1h-5.893q-.144 3.512-2.68 6.006T5.404 21"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M4.289 14.5q-1.039 0-1.77-.73T1.79 12t.73-1.77t1.77-.73q.898 0 1.583.563q.686.562.87 1.437h3.893v1H6.742q-.184.875-.87 1.438t-1.584.562m1.059-1.441q.442-.442.442-1.059t-.442-1.059t-1.059-.441t-1.058.441q-.441.442-.441 1.059t.44 1.059t1.06.441t1.058-.441M5.404 21v-1q3.383 0 5.691-2.28q2.309-2.28 2.309-5.72t-2.309-5.72T5.404 4V3q3.771 0 6.308 2.494t2.68 6.006h5.893l-2.089-2.1l.708-.708L22.212 12l-3.308 3.308l-.708-.708l2.089-2.1h-5.893q-.144 3.512-2.68 6.006T5.404 21"/></svg>
</template>

CSS

.icon-nat {
  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%22M4.289%2014.5q-1.039%200-1.77-.73T1.79%2012t.73-1.77t1.77-.73q.898%200%201.583.563q.686.562.87%201.437h3.893v1H6.742q-.184.875-.87%201.438t-1.584.562m1.059-1.441q.442-.442.442-1.059t-.442-1.059t-1.059-.441t-1.058.441q-.441.442-.441%201.059t.44%201.059t1.06.441t1.058-.441M5.404%2021v-1q3.383%200%205.691-2.28q2.309-2.28%202.309-5.72t-2.309-5.72T5.404%204V3q3.771%200%206.308%202.494t2.68%206.006h5.893l-2.089-2.1l.708-.708L22.212%2012l-3.308%203.308l-.708-.708l2.089-2.1h-5.893q-.144%203.512-2.68%206.006T5.404%2021%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%22M4.289%2014.5q-1.039%200-1.77-.73T1.79%2012t.73-1.77t1.77-.73q.898%200%201.583.563q.686.562.87%201.437h3.893v1H6.742q-.184.875-.87%201.438t-1.584.562m1.059-1.441q.442-.442.442-1.059t-.442-1.059t-1.059-.441t-1.058.441q-.441.442-.441%201.059t.44%201.059t1.06.441t1.058-.441M5.404%2021v-1q3.383%200%205.691-2.28q2.309-2.28%202.309-5.72t-2.309-5.72T5.404%204V3q3.771%200%206.308%202.494t2.68%206.006h5.893l-2.089-2.1l.708-.708L22.212%2012l-3.308%203.308l-.708-.708l2.089-2.1h-5.893q-.144%203.512-2.68%206.006T5.404%2021%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/nat.svg?color=%231a73e8&size=48