device phone mobile icon

Common uses

• Mobile app navigation tab
• Contact information section
• Device settings menu item

Use it in React

npm i @heroicons/react

import { DevicePhoneMobileIcon } from '@heroicons/react/24/outline';

<DevicePhoneMobileIcon className="size-6" />

Styles

Heroicons ships this icon in 4 styles — each its own import:

<DevicePhoneMobileIcon className="size-6" />

<DevicePhoneMobileIcon className="size-6" />

<DevicePhoneMobileIcon className="size-6" />

<DevicePhoneMobileIcon className="size-6" />

Details

Library

Heroicons (324 icons)

License

MIT

viewBox

0 0 24 24

Keywords

devicephonemobilesmartphonecell phonemobile device

FAQ

What does the device phone mobile icon represent?

It represents a mobile phone or smartphone, suitable for indicating mobile-related features or services.

How do I use this icon in React?

Import it as `DevicePhoneMobileIcon` from '@heroicons/react/24/outline' and use it within your JSX.

What is the license for this icon?

The Heroicons library, including this icon, is available under the MIT license.

Related icons

The same idea in other libraries, and near matches in Heroicons.