nat icon
nat-rounded from Material Symbols by Google · Rounded · Communicate · Apache-2.0 Free for personal and commercial use.
- Name
- nat-rounded
- Set
- Material Symbols
- Style
- Rounded
- Category
- Communicate
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- nat-outline-rounded
1 other variant in Material Symbols
The same icon in other sets
More communicate icons from Material Symbols
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 15q-1.25 0-2.125-.875T1 12t.875-2.125T4 9q.975 0 1.738.563T6.8 11H10q.425 0 .713.288T11 12t-.288.713T10 13H6.8q-.3.875-1.062 1.438T4 15m.713-2.287Q5 12.425 5 12t-.288-.712T4 11t-.712.288T3 12t.288.713T4 13t.713-.288M13 12q0-3.1-2.05-5.35T5.9 4.05Q5.5 4 5.25 3.7T5 3q0-.425.263-.713t.662-.237q3.6.325 6.138 2.85T14.95 11h4.2l-.875-.9Q18 9.825 18 9.413t.3-.713q.275-.275.7-.275t.7.275l2.6 2.6q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.6 2.6q-.275.275-.687.288T18.3 15.3q-.275-.275-.288-.687t.263-.713l.875-.9h-4.2q-.35 3.575-2.887 6.1t-6.138 2.85q-.4.05-.662-.237T5 21q0-.4.25-.7t.65-.35q3-.35 5.05-2.6T13 12"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsNatRounded(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 15q-1.25 0-2.125-.875T1 12t.875-2.125T4 9q.975 0 1.738.563T6.8 11H10q.425 0 .713.288T11 12t-.288.713T10 13H6.8q-.3.875-1.062 1.438T4 15m.713-2.287Q5 12.425 5 12t-.288-.712T4 11t-.712.288T3 12t.288.713T4 13t.713-.288M13 12q0-3.1-2.05-5.35T5.9 4.05Q5.5 4 5.25 3.7T5 3q0-.425.263-.713t.662-.237q3.6.325 6.138 2.85T14.95 11h4.2l-.875-.9Q18 9.825 18 9.413t.3-.713q.275-.275.7-.275t.7.275l2.6 2.6q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.6 2.6q-.275.275-.687.288T18.3 15.3q-.275-.275-.288-.687t.263-.713l.875-.9h-4.2q-.35 3.575-2.887 6.1t-6.138 2.85q-.4.05-.662-.237T5 21q0-.4.25-.7t.65-.35q3-.35 5.05-2.6T13 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 15q-1.25 0-2.125-.875T1 12t.875-2.125T4 9q.975 0 1.738.563T6.8 11H10q.425 0 .713.288T11 12t-.288.713T10 13H6.8q-.3.875-1.062 1.438T4 15m.713-2.287Q5 12.425 5 12t-.288-.712T4 11t-.712.288T3 12t.288.713T4 13t.713-.288M13 12q0-3.1-2.05-5.35T5.9 4.05Q5.5 4 5.25 3.7T5 3q0-.425.263-.713t.662-.237q3.6.325 6.138 2.85T14.95 11h4.2l-.875-.9Q18 9.825 18 9.413t.3-.713q.275-.275.7-.275t.7.275l2.6 2.6q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.6 2.6q-.275.275-.687.288T18.3 15.3q-.275-.275-.288-.687t.263-.713l.875-.9h-4.2q-.35 3.575-2.887 6.1t-6.138 2.85q-.4.05-.662-.237T5 21q0-.4.25-.7t.65-.35q3-.35 5.05-2.6T13 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%2015q-1.25%200-2.125-.875T1%2012t.875-2.125T4%209q.975%200%201.738.563T6.8%2011H10q.425%200%20.713.288T11%2012t-.288.713T10%2013H6.8q-.3.875-1.062%201.438T4%2015m.713-2.287Q5%2012.425%205%2012t-.288-.712T4%2011t-.712.288T3%2012t.288.713T4%2013t.713-.288M13%2012q0-3.1-2.05-5.35T5.9%204.05Q5.5%204%205.25%203.7T5%203q0-.425.263-.713t.662-.237q3.6.325%206.138%202.85T14.95%2011h4.2l-.875-.9Q18%209.825%2018%209.413t.3-.713q.275-.275.7-.275t.7.275l2.6%202.6q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.6%202.6q-.275.275-.687.288T18.3%2015.3q-.275-.275-.288-.687t.263-.713l.875-.9h-4.2q-.35%203.575-2.887%206.1t-6.138%202.85q-.4.05-.662-.237T5%2021q0-.4.25-.7t.65-.35q3-.35%205.05-2.6T13%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%2015q-1.25%200-2.125-.875T1%2012t.875-2.125T4%209q.975%200%201.738.563T6.8%2011H10q.425%200%20.713.288T11%2012t-.288.713T10%2013H6.8q-.3.875-1.062%201.438T4%2015m.713-2.287Q5%2012.425%205%2012t-.288-.712T4%2011t-.712.288T3%2012t.288.713T4%2013t.713-.288M13%2012q0-3.1-2.05-5.35T5.9%204.05Q5.5%204%205.25%203.7T5%203q0-.425.263-.713t.662-.237q3.6.325%206.138%202.85T14.95%2011h4.2l-.875-.9Q18%209.825%2018%209.413t.3-.713q.275-.275.7-.275t.7.275l2.6%202.6q.15.15.213.325t.062.375t-.062.375t-.213.325l-2.6%202.6q-.275.275-.687.288T18.3%2015.3q-.275-.275-.288-.687t.263-.713l.875-.9h-4.2q-.35%203.575-2.887%206.1t-6.138%202.85q-.4.05-.662-.237T5%2021q0-.4.25-.7t.65-.35q3-.35%205.05-2.6T13%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols/nat-rounded.svg?color=%231a73e8&size=48
