web traffic icon
web-traffic-rounded from Material Symbols Light by Google · Rounded · Actions · Apache-2.0 Free for personal and commercial use.
- Name
- web-traffic-rounded
- Set
- Material Symbols Light
- Style
- Rounded
- Category
- Actions
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- web-traffic-outline-rounded
1 other variant in Material Symbols Light
The same icon in other sets
More actions icons from Material Symbols Light
Use the web traffic icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 10.5h2q.214 0 .357.143T5 11t-.143.357t-.357.143h-2q-.213 0-.357-.143T2 11t.143-.357t.357-.143m2.2 5.592L6.092 14.7q.147-.146.345-.153t.363.153q.166.166.168.357t-.162.357l-1.393 1.392q-.146.146-.347.153q-.2.006-.366-.159q-.16-.166-.162-.354t.162-.354M6.092 7.3L4.7 5.908q-.146-.147-.153-.345q-.006-.197.153-.363q.166-.165.357-.168t.357.162l1.392 1.393q.146.146.153.347T6.8 7.3q-.165.16-.354.163q-.188.002-.354-.163m10.381 10.712l-3.954-3.954l-.538 1.673q-.05.136-.159.214q-.108.078-.24.078t-.229-.08q-.1-.082-.15-.218l-1.495-4.92q-.05-.18-.007-.322t.168-.268t.268-.168q.142-.043.323.007l5.046 1.515q.136.05.214.15q.078.098.078.229t-.065.23t-.202.149l-1.731.627l3.789 3.788q.242.242.242.566t-.243.565l-.138.138q-.204.204-.488.204t-.489-.204M10.116 5.5v-2q0-.213.143-.357T10.616 3t.356.143q.144.144.144.357v2q0 .214-.144.357q-.143.143-.356.143q-.214 0-.357-.143t-.143-.357m4.309 1.087l1.398-1.398q.14-.141.342-.154t.366.153q.16.16.162.351q.003.192-.156.357L15.139 7.3q-.141.146-.342.153q-.2.007-.366-.153q-.165-.165-.168-.357t.162-.356"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightWebTrafficRounded(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="M2.5 10.5h2q.214 0 .357.143T5 11t-.143.357t-.357.143h-2q-.213 0-.357-.143T2 11t.143-.357t.357-.143m2.2 5.592L6.092 14.7q.147-.146.345-.153t.363.153q.166.166.168.357t-.162.357l-1.393 1.392q-.146.146-.347.153q-.2.006-.366-.159q-.16-.166-.162-.354t.162-.354M6.092 7.3L4.7 5.908q-.146-.147-.153-.345q-.006-.197.153-.363q.166-.165.357-.168t.357.162l1.392 1.393q.146.146.153.347T6.8 7.3q-.165.16-.354.163q-.188.002-.354-.163m10.381 10.712l-3.954-3.954l-.538 1.673q-.05.136-.159.214q-.108.078-.24.078t-.229-.08q-.1-.082-.15-.218l-1.495-4.92q-.05-.18-.007-.322t.168-.268t.268-.168q.142-.043.323.007l5.046 1.515q.136.05.214.15q.078.098.078.229t-.065.23t-.202.149l-1.731.627l3.789 3.788q.242.242.242.566t-.243.565l-.138.138q-.204.204-.488.204t-.489-.204M10.116 5.5v-2q0-.213.143-.357T10.616 3t.356.143q.144.144.144.357v2q0 .214-.144.357q-.143.143-.356.143q-.214 0-.357-.143t-.143-.357m4.309 1.087l1.398-1.398q.14-.141.342-.154t.366.153q.16.16.162.351q.003.192-.156.357L15.139 7.3q-.141.146-.342.153q-.2.007-.366-.153q-.165-.165-.168-.357t.162-.356"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M2.5 10.5h2q.214 0 .357.143T5 11t-.143.357t-.357.143h-2q-.213 0-.357-.143T2 11t.143-.357t.357-.143m2.2 5.592L6.092 14.7q.147-.146.345-.153t.363.153q.166.166.168.357t-.162.357l-1.393 1.392q-.146.146-.347.153q-.2.006-.366-.159q-.16-.166-.162-.354t.162-.354M6.092 7.3L4.7 5.908q-.146-.147-.153-.345q-.006-.197.153-.363q.166-.165.357-.168t.357.162l1.392 1.393q.146.146.153.347T6.8 7.3q-.165.16-.354.163q-.188.002-.354-.163m10.381 10.712l-3.954-3.954l-.538 1.673q-.05.136-.159.214q-.108.078-.24.078t-.229-.08q-.1-.082-.15-.218l-1.495-4.92q-.05-.18-.007-.322t.168-.268t.268-.168q.142-.043.323.007l5.046 1.515q.136.05.214.15q.078.098.078.229t-.065.23t-.202.149l-1.731.627l3.789 3.788q.242.242.242.566t-.243.565l-.138.138q-.204.204-.488.204t-.489-.204M10.116 5.5v-2q0-.213.143-.357T10.616 3t.356.143q.144.144.144.357v2q0 .214-.144.357q-.143.143-.356.143q-.214 0-.357-.143t-.143-.357m4.309 1.087l1.398-1.398q.14-.141.342-.154t.366.153q.16.16.162.351q.003.192-.156.357L15.139 7.3q-.141.146-.342.153q-.2.007-.366-.153q-.165-.165-.168-.357t.162-.356"/></svg> </template>
CSS
.icon-web-traffic-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%22M2.5%2010.5h2q.214%200%20.357.143T5%2011t-.143.357t-.357.143h-2q-.213%200-.357-.143T2%2011t.143-.357t.357-.143m2.2%205.592L6.092%2014.7q.147-.146.345-.153t.363.153q.166.166.168.357t-.162.357l-1.393%201.392q-.146.146-.347.153q-.2.006-.366-.159q-.16-.166-.162-.354t.162-.354M6.092%207.3L4.7%205.908q-.146-.147-.153-.345q-.006-.197.153-.363q.166-.165.357-.168t.357.162l1.392%201.393q.146.146.153.347T6.8%207.3q-.165.16-.354.163q-.188.002-.354-.163m10.381%2010.712l-3.954-3.954l-.538%201.673q-.05.136-.159.214q-.108.078-.24.078t-.229-.08q-.1-.082-.15-.218l-1.495-4.92q-.05-.18-.007-.322t.168-.268t.268-.168q.142-.043.323.007l5.046%201.515q.136.05.214.15q.078.098.078.229t-.065.23t-.202.149l-1.731.627l3.789%203.788q.242.242.242.566t-.243.565l-.138.138q-.204.204-.488.204t-.489-.204M10.116%205.5v-2q0-.213.143-.357T10.616%203t.356.143q.144.144.144.357v2q0%20.214-.144.357q-.143.143-.356.143q-.214%200-.357-.143t-.143-.357m4.309%201.087l1.398-1.398q.14-.141.342-.154t.366.153q.16.16.162.351q.003.192-.156.357L15.139%207.3q-.141.146-.342.153q-.2.007-.366-.153q-.165-.165-.168-.357t.162-.356%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%22M2.5%2010.5h2q.214%200%20.357.143T5%2011t-.143.357t-.357.143h-2q-.213%200-.357-.143T2%2011t.143-.357t.357-.143m2.2%205.592L6.092%2014.7q.147-.146.345-.153t.363.153q.166.166.168.357t-.162.357l-1.393%201.392q-.146.146-.347.153q-.2.006-.366-.159q-.16-.166-.162-.354t.162-.354M6.092%207.3L4.7%205.908q-.146-.147-.153-.345q-.006-.197.153-.363q.166-.165.357-.168t.357.162l1.392%201.393q.146.146.153.347T6.8%207.3q-.165.16-.354.163q-.188.002-.354-.163m10.381%2010.712l-3.954-3.954l-.538%201.673q-.05.136-.159.214q-.108.078-.24.078t-.229-.08q-.1-.082-.15-.218l-1.495-4.92q-.05-.18-.007-.322t.168-.268t.268-.168q.142-.043.323.007l5.046%201.515q.136.05.214.15q.078.098.078.229t-.065.23t-.202.149l-1.731.627l3.789%203.788q.242.242.242.566t-.243.565l-.138.138q-.204.204-.488.204t-.489-.204M10.116%205.5v-2q0-.213.143-.357T10.616%203t.356.143q.144.144.144.357v2q0%20.214-.144.357q-.143.143-.356.143q-.214%200-.357-.143t-.143-.357m4.309%201.087l1.398-1.398q.14-.141.342-.154t.366.153q.16.16.162.351q.003.192-.156.357L15.139%207.3q-.141.146-.342.153q-.2.007-.366-.153q-.165-.165-.168-.357t.162-.356%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/web-traffic-rounded.svg?color=%231a73e8&size=48
