Cellular 3G icon
Used for device connection status. The Cellular 3G 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 3G 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 { Cellular3G24Regular, Cellular3G24Filled } from "@fluentui/react-icons";
export function Example() {
return <Cellular3G24Regular aria-label="Cellular 3G" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_cellular_3g_24_regular.svg" width="24" height="24" alt="Cellular 3G"> 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.896 3.61899L12.8965 3.61994C13.1065 3.97703 12.9872 4.43667 12.6301 4.64658C12.2817 4.8514 11.8356 4.74281 11.6192 4.40574C11.6165 4.40237 11.6114 4.3963 11.6038 4.38822C11.5796 4.36258 11.5306 4.31723 11.4504 4.27242C11.3034 4.19034 10.9826 4.07111 10.3852 4.18074C9.97732 4.2556 9.76612 4.51481 9.63605 4.84771C9.56976 5.01737 9.53447 5.18769 9.51652 5.31897C9.50772 5.38326 9.50355 5.4347 9.50161 5.46746C9.50064 5.48375 9.50023 5.49514 9.50007 5.50088L9.5 5.50385V6.74998C9.5 7.30227 9.94771 7.74998 10.5 7.74998H10.75C11.216 7.74998 11.6075 7.4313 11.7185 7H11.25C10.8358 7 10.5 6.66421 10.5 6.25C10.5 5.83579 10.8358 5.5 11.25 5.5H12.4912L12.5 5.49995C12.9142 5.49995 13.25 5.83574 13.25 6.24995V6.74998C13.25 8.13069 12.1307 9.24998 10.75 9.24998H10.5C9.11929 9.24998 8 8.13069 8 6.74998V5.49871L8 5.49722L8.00002 5.49373L8.00011 5.48475L8.00066 5.45902C8.00123 5.43853 8.00229 5.41137 8.00425 5.37841C8.00816 5.31266 8.01571 5.22275 8.03035 5.1157C8.05927 4.90431 8.11772 4.612 8.23891 4.30182C8.4838 3.67506 9.02252 2.90578 10.1145 2.70538C11.0269 2.53793 11.7062 2.69718 12.1818 2.96285C12.4129 3.09193 12.5808 3.23776 12.6958 3.35986C12.7532 3.42082 12.7976 3.47604 12.8304 3.52071C12.8468 3.54307 12.8604 3.56289 12.8714 3.57958C12.8769 3.58793 12.8817 3.59551 12.8859 3.60226L12.8917 3.61175L12.8942 3.61601L12.8954 3.61802L12.896 3.61899Z" fill="currentColor"/>
<path d="M4.49339 4.56511C4.49075 4.56741 4.46669 4.58837 4.43599 4.6103C4.09893 4.85106 3.63051 4.77299 3.38976 4.43593C3.149 4.09887 3.22707 3.63046 3.56413 3.3897C3.4857 3.44572 4.19776 2.75 5.25006 2.75C6.31378 2.75 6.9896 3.4725 7.19009 4.25916C7.32568 4.79117 7.26175 5.4025 6.93217 5.90123C6.90985 5.93501 6.88653 5.96794 6.86222 6.00001C7.16789 6.40252 7.28252 6.89472 7.25219 7.35085C7.19143 8.26445 6.5056 9.25 5.25006 9.25C4.71298 9.25 4.28028 9.07909 3.98419 8.91124C3.68967 8.74428 3.49822 8.55766 3.51196 8.56944C3.19747 8.29988 3.16105 7.8264 3.43062 7.51191C3.70018 7.19741 4.17366 7.16099 4.48815 7.43056L4.50167 7.44258C4.57678 7.51021 4.84312 7.75 5.25006 7.75C5.43354 7.75 5.53925 7.68665 5.60808 7.6137C5.68762 7.52938 5.74564 7.39961 5.7555 7.25132C5.76596 7.09394 5.71964 6.96822 5.65638 6.89312C5.60652 6.83391 5.50106 6.75 5.25006 6.75C4.83584 6.75 4.50006 6.41421 4.50006 6C4.50006 5.58579 4.83584 5.25 5.25006 5.25C5.52784 5.25 5.63184 5.14823 5.68074 5.07424C5.74818 4.97219 5.78143 4.80571 5.73655 4.62961C5.70576 4.50879 5.64534 4.41441 5.57379 4.35375C5.50923 4.29901 5.4113 4.25 5.25006 4.25C5.03849 4.25 4.86035 4.31749 4.72505 4.39449C4.65805 4.43263 4.60534 4.47105 4.5693 4.49981C4.55153 4.514 4.53762 4.52598 4.52711 4.53526L4.50966 4.55081L4.49339 4.56511Z" fill="currentColor"/>
<path d="M11.75 12C12.1297 12 12.4435 12.2822 12.4932 12.6482L12.5 12.75V20.25C12.5 20.6642 12.1642 21 11.75 21C11.3703 21 11.0565 20.7178 11.0068 20.3518L11 20.25V12.75C11 12.3358 11.3358 12 11.75 12Z" fill="currentColor"/>
<path d="M15.75 9C16.1297 9 16.4435 9.28216 16.4932 9.64823L16.5 9.75V20.25C16.5 20.6642 16.1642 21 15.75 21C15.3703 21 15.0565 20.7178 15.0068 20.3518L15 20.25V9.75C15 9.33579 15.3358 9 15.75 9Z" fill="currentColor"/>
<path d="M3.75 18C4.1297 18 4.44349 18.2822 4.49315 18.6482L4.5 18.75V20.25C4.5 20.6642 4.16421 21 3.75 21C3.3703 21 3.05651 20.7178 3.00685 20.3518L3 20.25V18.75C3 18.3358 3.33579 18 3.75 18Z" fill="currentColor"/>
<path d="M19.7427 6C20.1224 5.99636 20.4389 6.27523 20.4921 6.64051L20.5 6.74213V20.2432C20.504 20.657 20.1715 20.9958 19.7573 20.9999C19.3776 21.0035 19.0611 20.7246 19.0079 20.3593L19 20.2577V6.75667C18.996 6.34281 19.3285 6.00406 19.7427 6Z" fill="currentColor"/>
<path d="M7.75 15C8.1297 15 8.44349 15.2822 8.49315 15.6482L8.5 15.75V20.2487C8.5 20.6629 8.16421 20.9987 7.75 20.9987C7.3703 20.9987 7.05651 20.7166 7.00685 20.3505L7 20.2487V15.75C7 15.3358 7.33579 15 7.75 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_3g_24_regular.svg";Details
| Name | Cellular 3G |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_cellular_3g_24_regular.svg |
| Filled file | ic_fluent_cellular_3g_24_filled.svg |
| React components | Cellular3G24Regular, Cellular3G24Filled |
| License | MIT (© Microsoft Corporation) |