Phone Tablet icon
Used to represent a physical or digital mobile phone scenarios. The Phone Tablet 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 Phone Tablet 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 { PhoneTablet24Regular, PhoneTablet24Filled } from "@fluentui/react-icons";
export function Example() {
return <PhoneTablet24Regular aria-label="Phone Tablet" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_phone_tablet_24_regular.svg" width="24" height="24" alt="Phone Tablet"> 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="M8.25444 6.99986C9.22093 6.99986 10.0044 7.78336 10.0044 8.74986V18.25C10.0044 19.2165 9.22093 20 8.25444 20H3.75C2.7835 20 2 19.2165 2 18.25V8.74986C2 7.78336 2.7835 6.99986 3.75 6.99986H8.25444ZM8.25444 8.49986H3.75C3.61193 8.49986 3.5 8.61179 3.5 8.74986V18.25C3.5 18.3881 3.61193 18.5 3.75 18.5H8.25444C8.39251 18.5 8.50444 18.3881 8.50444 18.25V8.74986C8.50444 8.61179 8.39251 8.49986 8.25444 8.49986ZM6.25222 16C6.66643 16 7.00222 16.3358 7.00222 16.75C7.00222 17.1297 6.72006 17.4435 6.35399 17.4932L6.25222 17.5H5.75222C5.338 17.5 5.00222 17.1642 5.00222 16.75C5.00222 16.3703 5.28437 16.0565 5.65045 16.0068L5.75222 16H6.25222ZM19.7494 4C20.9402 4 21.915 4.92516 21.9942 6.09595L21.9994 6.25V14.75C21.9994 15.9409 21.0742 16.9156 19.9034 16.9948L19.7494 17H10.9991V15.5H19.7494C20.1291 15.5 20.4429 15.2178 20.4925 14.8518L20.4994 14.75V6.25C20.4994 5.8703 20.2172 5.55651 19.8511 5.50685L19.7494 5.5H8.24937C7.92296 5.5 7.64524 5.70853 7.54218 5.99964L6.01306 6.00044C6.13131 4.92882 7.00212 4.08392 8.08536 4.00589L8.24937 4H19.7494ZM15.2494 13C15.6636 13 15.9994 13.3358 15.9994 13.75C15.9994 14.1642 15.6636 14.5 15.2494 14.5H12.7494C12.3352 14.5 11.9994 14.1642 11.9994 13.75C11.9994 13.3358 12.3352 13 12.7494 13H15.2494Z" 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/phone_tablet_24_regular.svg";Details
| Name | Phone Tablet |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_phone_tablet_24_regular.svg |
| Filled file | ic_fluent_phone_tablet_24_filled.svg |
| React components | PhoneTablet24Regular, PhoneTablet24Filled |
| License | MIT (© Microsoft Corporation) |
Keywords
devicemobilesmallscreencellulartelephoneappleandroidtravelconnect