Cellular 4G icon
Used for device connection status. The Cellular 4G icon is part of Microsoft's Fluent UI System Icons, available here in filled and regular (outlined) styles on a 24 px grid. Download it as SVG or PNG, or copy it as code — it's free to use under the MIT License.
Use the Cellular 4G icon in React
Install Microsoft's @fluentui/react-icons package, then import the component. Icons inherit the current text color, and you can size them with CSS.
npm install @fluentui/react-icons
import { Cellular4G24Regular, Cellular4G24Filled } from "@fluentui/react-icons";
export function Example() {
return <Cellular4G24Regular aria-label="Cellular 4G" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_cellular_4g_24_regular.svg" width="24" height="24" alt="Cellular 4G"> Or paste the SVG markup inline. Setting fill="currentColor" makes the icon follow the text color of its parent:
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M12.8957 3.61899L12.8963 3.61994C13.1062 3.97703 12.9869 4.43667 12.6298 4.64658C12.2814 4.8514 11.8354 4.74281 11.6189 4.40574C11.6162 4.40237 11.6112 4.3963 11.6035 4.38822C11.5794 4.36258 11.5303 4.31723 11.4501 4.27242C11.3032 4.19034 10.9824 4.07111 10.385 4.18074C9.97708 4.2556 9.76588 4.51481 9.63581 4.84771C9.56952 5.01737 9.53423 5.18769 9.51627 5.31897C9.50748 5.38326 9.50331 5.4347 9.50136 5.46746C9.50039 5.48375 9.49999 5.49514 9.49983 5.50088L9.49976 5.50385V6.74998C9.49976 7.30227 9.94747 7.74998 10.4998 7.74998H10.7498C11.2157 7.74998 11.6072 7.4313 11.7183 7H11.2498C10.8355 7 10.4998 6.66421 10.4998 6.25C10.4998 5.83579 10.8355 5.5 11.2498 5.5H12.491L12.4998 5.49995C12.914 5.49995 13.2498 5.83574 13.2498 6.24995V6.74998C13.2498 8.13069 12.1305 9.24998 10.7498 9.24998H10.4998C9.11904 9.24998 7.99976 8.13069 7.99976 6.74998V5.49871L7.99976 5.49722L7.99978 5.49373L7.99987 5.48475L8.00041 5.45902C8.00099 5.43853 8.00205 5.41137 8.00401 5.37841C8.00792 5.31266 8.01547 5.22275 8.03011 5.1157C8.05902 4.90431 8.11747 4.612 8.23866 4.30182C8.48355 3.67506 9.02227 2.90578 10.1142 2.70538C11.0267 2.53793 11.7059 2.69718 12.1816 2.96285C12.4127 3.09193 12.5806 3.23776 12.6955 3.35986C12.753 3.42082 12.7974 3.47604 12.8302 3.52071C12.8466 3.54307 12.8602 3.56289 12.8711 3.57958C12.8766 3.58793 12.8814 3.59551 12.8856 3.60226L12.8914 3.61175L12.894 3.61601L12.8952 3.61802L12.8957 3.61899Z" fill="currentColor"/>
<path d="M4.72779 3.06112C5.3242 2.3369 6.49972 2.75864 6.49972 3.69683V6.49999H6.74972C7.16393 6.49999 7.49972 6.83578 7.49972 7.24999C7.49972 7.66421 7.16393 7.99999 6.74972 7.99999H6.49972V8.49999C6.49972 8.91421 6.16393 9.24999 5.74972 9.24999C5.3355 9.24999 4.99972 8.91421 4.99972 8.49999V7.99999H3.20326C2.18912 7.99999 1.63225 6.81999 2.27694 6.03715L4.72779 3.06112ZM4.99972 6.49999V5.0905L3.83895 6.49999H4.99972Z" fill="currentColor"/>
<path d="M11.7498 12C12.1295 12 12.4432 12.2822 12.4929 12.6483L12.4998 12.75V20.25C12.4998 20.6642 12.164 21 11.7498 21C11.3701 21 11.0563 20.7179 11.0066 20.3518L10.9998 20.25V12.75C10.9998 12.3358 11.3355 12 11.7498 12Z" fill="currentColor"/>
<path d="M15.7498 9.00004C16.1295 9.00004 16.4432 9.28219 16.4929 9.64826L16.4998 9.75004V20.25C16.4998 20.6642 16.164 21 15.7498 21C15.3701 21 15.0563 20.7179 15.0066 20.3518L14.9998 20.25V9.75004C14.9998 9.33582 15.3355 9.00004 15.7498 9.00004Z" fill="currentColor"/>
<path d="M3.74976 18C4.12945 18 4.44325 18.2822 4.49291 18.6483L4.49976 18.75V20.25C4.49976 20.6642 4.16397 21 3.74976 21C3.37006 21 3.05626 20.7179 3.0066 20.3518L2.99976 20.25V18.75C2.99976 18.3358 3.33554 18 3.74976 18Z" fill="currentColor"/>
<path d="M19.7425 6.00004C20.1222 5.99639 20.4387 6.27526 20.4919 6.64054L20.4997 6.74216V20.2432C20.5037 20.6571 20.1712 20.9958 19.757 20.9999C19.3774 21.0035 19.0608 20.7246 19.0076 20.3594L18.9998 20.2577V6.7567C18.9958 6.34284 19.3283 6.00409 19.7425 6.00004Z" fill="currentColor"/>
<path d="M7.74976 15C8.12945 15 8.44325 15.2822 8.49291 15.6483L8.49976 15.75V20.2488C8.49976 20.663 8.16397 20.9988 7.74976 20.9988C7.37006 20.9988 7.05626 20.7166 7.0066 20.3505L6.99976 20.2488V15.75C6.99976 15.3358 7.33554 15 7.74976 15Z" fill="currentColor"/></svg>Use it from the SVG package
Microsoft's @fluentui/svg-icons package contains the raw SVG files, which works well with bundlers that import SVGs:
npm install @fluentui/svg-icons
import icon from "@fluentui/svg-icons/icons/cellular_4g_24_regular.svg";Details
| Name | Cellular 4G |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_cellular_4g_24_regular.svg |
| Filled file | ic_fluent_cellular_4g_24_filled.svg |
| React components | Cellular4G24Regular, Cellular4G24Filled |
| License | MIT (© Microsoft Corporation) |