nat icon
nat-rounded from Material Symbols Light by Google · Rounded · Communicate · Apache-2.0 Free for personal and commercial use.
- Name
- nat-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Communicate
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- nat-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
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.393q.213 0 .356.143t.144.357t-.144.357t-.356.143H6.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-.441M13.404 12q0-3.292-2.146-5.542T5.919 4.01q-.227-.01-.371-.155T5.404 3.5q0-.213.166-.357q.167-.143.394-.131q3.58.21 5.935 2.648t2.493 5.84h5.893l-1.74-1.746q-.141-.14-.15-.341q-.01-.202.155-.367q.16-.16.354-.16t.354.16l2.388 2.388q.131.132.184.268q.053.137.053.298t-.053.298t-.184.268l-2.388 2.388q-.14.14-.342.153q-.2.012-.366-.153q-.16-.16-.162-.351t.156-.357l1.74-1.746h-5.892q-.138 3.402-2.493 5.84q-2.355 2.439-5.935 2.648q-.227.012-.394-.131q-.166-.144-.166-.357q0-.208.144-.354t.371-.158q3.193-.196 5.339-2.446T13.404 12"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightNatRounded(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.393q.213 0 .356.143t.144.357t-.144.357t-.356.143H6.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-.441M13.404 12q0-3.292-2.146-5.542T5.919 4.01q-.227-.01-.371-.155T5.404 3.5q0-.213.166-.357q.167-.143.394-.131q3.58.21 5.935 2.648t2.493 5.84h5.893l-1.74-1.746q-.141-.14-.15-.341q-.01-.202.155-.367q.16-.16.354-.16t.354.16l2.388 2.388q.131.132.184.268q.053.137.053.298t-.053.298t-.184.268l-2.388 2.388q-.14.14-.342.153q-.2.012-.366-.153q-.16-.16-.162-.351t.156-.357l1.74-1.746h-5.892q-.138 3.402-2.493 5.84q-2.355 2.439-5.935 2.648q-.227.012-.394-.131q-.166-.144-.166-.357q0-.208.144-.354t.371-.158q3.193-.196 5.339-2.446T13.404 12"/></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.393q.213 0 .356.143t.144.357t-.144.357t-.356.143H6.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-.441M13.404 12q0-3.292-2.146-5.542T5.919 4.01q-.227-.01-.371-.155T5.404 3.5q0-.213.166-.357q.167-.143.394-.131q3.58.21 5.935 2.648t2.493 5.84h5.893l-1.74-1.746q-.141-.14-.15-.341q-.01-.202.155-.367q.16-.16.354-.16t.354.16l2.388 2.388q.131.132.184.268q.053.137.053.298t-.053.298t-.184.268l-2.388 2.388q-.14.14-.342.153q-.2.012-.366-.153q-.16-.16-.162-.351t.156-.357l1.74-1.746h-5.892q-.138 3.402-2.493 5.84q-2.355 2.439-5.935 2.648q-.227.012-.394-.131q-.166-.144-.166-.357q0-.208.144-.354t.371-.158q3.193-.196 5.339-2.446T13.404 12"/></svg> </template>
CSS
.icon-nat-rounded {
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.393q.213%200%20.356.143t.144.357t-.144.357t-.356.143H6.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-.441M13.404%2012q0-3.292-2.146-5.542T5.919%204.01q-.227-.01-.371-.155T5.404%203.5q0-.213.166-.357q.167-.143.394-.131q3.58.21%205.935%202.648t2.493%205.84h5.893l-1.74-1.746q-.141-.14-.15-.341q-.01-.202.155-.367q.16-.16.354-.16t.354.16l2.388%202.388q.131.132.184.268q.053.137.053.298t-.053.298t-.184.268l-2.388%202.388q-.14.14-.342.153q-.2.012-.366-.153q-.16-.16-.162-.351t.156-.357l1.74-1.746h-5.892q-.138%203.402-2.493%205.84q-2.355%202.439-5.935%202.648q-.227.012-.394-.131q-.166-.144-.166-.357q0-.208.144-.354t.371-.158q3.193-.196%205.339-2.446T13.404%2012%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.393q.213%200%20.356.143t.144.357t-.144.357t-.356.143H6.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-.441M13.404%2012q0-3.292-2.146-5.542T5.919%204.01q-.227-.01-.371-.155T5.404%203.5q0-.213.166-.357q.167-.143.394-.131q3.58.21%205.935%202.648t2.493%205.84h5.893l-1.74-1.746q-.141-.14-.15-.341q-.01-.202.155-.367q.16-.16.354-.16t.354.16l2.388%202.388q.131.132.184.268q.053.137.053.298t-.053.298t-.184.268l-2.388%202.388q-.14.14-.342.153q-.2.012-.366-.153q-.16-.16-.162-.351t.156-.357l1.74-1.746h-5.892q-.138%203.402-2.493%205.84q-2.355%202.439-5.935%202.648q-.227.012-.394-.131q-.166-.144-.166-.357q0-.208.144-.354t.371-.158q3.193-.196%205.339-2.446T13.404%2012%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-rounded.svg?color=%231a73e8&size=48