data usage icon
data-usage from Material Symbols Light by Google · Regular · Android · Apache-2.0 Free for personal and commercial use.
- Name
- data-usage
- Set
- Material Symbols Light
- Style
- Regular
- Category
- Android
- Viewbox
- 24×24
- License
- Apache 2.0
- Aliases
- data-usage-outline, data-usage-outline-sharp, data-usage-sharp
1 other variant in Material Symbols Light
The same icon in other sets
More android icons from Material Symbols Light
1x-mobiledata1x-mobiledata-badge3g-mobiledata3g-mobiledata-badge4g-mobiledata4g-mobiledata-badge4g-plus-mobiledata5g5g-mobiledata-badgeadbairplanemode-inactiveandroidandroid-cell-4-barandroid-cell-4-bar-alertandroid-cell-4-bar-offandroid-cell-4-bar-plusandroid-cell-5-barandroid-cell-5-bar-alertandroid-cell-5-bar-offandroid-cell-5-bar-plusandroid-cell-dual-4-barandroid-cell-dual-4-bar-alertandroid-cell-dual-4-bar-plusandroid-cell-dual-5-bar
Use the data usage icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.93T3.71 15.5T3 12q0-3.425 2.244-5.98T11 3.05v1.23q-2.998.409-4.884 2.621Q4.231 9.114 4.231 12q0 3.227 2.271 5.498T12 19.769q1.88 0 3.53-.834q1.649-.835 2.662-2.189l1.062.654q-1.293 1.702-3.168 2.651T12 21m8.266-5.45l-1.062-.615q.263-.581.414-1.344T19.77 12q0-2.944-1.924-5.147T13 4.281V3.05q3.377.317 5.689 2.902Q21 8.537 21 12q0 .985-.18 1.885t-.554 1.665"/></svg>
React
import type { SVGProps } from "react";
export function MaterialSymbolsLightDataUsage(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="M12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.93T3.71 15.5T3 12q0-3.425 2.244-5.98T11 3.05v1.23q-2.998.409-4.884 2.621Q4.231 9.114 4.231 12q0 3.227 2.271 5.498T12 19.769q1.88 0 3.53-.834q1.649-.835 2.662-2.189l1.062.654q-1.293 1.702-3.168 2.651T12 21m8.266-5.45l-1.062-.615q.263-.581.414-1.344T19.77 12q0-2.944-1.924-5.147T13 4.281V3.05q3.377.317 5.689 2.902Q21 8.537 21 12q0 .985-.18 1.885t-.554 1.665"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 21q-1.864 0-3.506-.71q-1.642-.711-2.857-1.93T3.71 15.5T3 12q0-3.425 2.244-5.98T11 3.05v1.23q-2.998.409-4.884 2.621Q4.231 9.114 4.231 12q0 3.227 2.271 5.498T12 19.769q1.88 0 3.53-.834q1.649-.835 2.662-2.189l1.062.654q-1.293 1.702-3.168 2.651T12 21m8.266-5.45l-1.062-.615q.263-.581.414-1.344T19.77 12q0-2.944-1.924-5.147T13 4.281V3.05q3.377.317 5.689 2.902Q21 8.537 21 12q0 .985-.18 1.885t-.554 1.665"/></svg> </template>
CSS
.icon-data-usage {
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%22M12%2021q-1.864%200-3.506-.71q-1.642-.711-2.857-1.93T3.71%2015.5T3%2012q0-3.425%202.244-5.98T11%203.05v1.23q-2.998.409-4.884%202.621Q4.231%209.114%204.231%2012q0%203.227%202.271%205.498T12%2019.769q1.88%200%203.53-.834q1.649-.835%202.662-2.189l1.062.654q-1.293%201.702-3.168%202.651T12%2021m8.266-5.45l-1.062-.615q.263-.581.414-1.344T19.77%2012q0-2.944-1.924-5.147T13%204.281V3.05q3.377.317%205.689%202.902Q21%208.537%2021%2012q0%20.985-.18%201.885t-.554%201.665%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%22M12%2021q-1.864%200-3.506-.71q-1.642-.711-2.857-1.93T3.71%2015.5T3%2012q0-3.425%202.244-5.98T11%203.05v1.23q-2.998.409-4.884%202.621Q4.231%209.114%204.231%2012q0%203.227%202.271%205.498T12%2019.769q1.88%200%203.53-.834q1.649-.835%202.662-2.189l1.062.654q-1.293%201.702-3.168%202.651T12%2021m8.266-5.45l-1.062-.615q.263-.581.414-1.344T19.77%2012q0-2.944-1.924-5.147T13%204.281V3.05q3.377.317%205.689%202.902Q21%208.537%2021%2012q0%20.985-.18%201.885t-.554%201.665%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-symbols-light/data-usage.svg?color=%231a73e8&size=48
