#6366F148 × 48px
px

Smartphone vibration Icon

Add the pixel-perfect Duotone Smartphone Vibration icon. Fully compatible with Tailwind CSS, React, Vue, and modern JS frameworks. Great for mobile app notifications. Get the SVG now!

MIT License — Free foreverDuotone SVG6+ frameworks

Use in your project

Install the package and drop the icon into your code.

@duo-icons/react
Terminal
bash
npm install @duo-icons/react
# or
yarn add @duo-icons/react
# or
pnpm add @duo-icons/react
Import · React
tsx
import { AlignBottom, AlertOctagon, AppDots } from '@duo-icons/react';

Icon in action

Live preview of Smartphone vibration inside real UI components. Reacts to your customizer settings.

Buttons

Input fields

Alerts & notifications

Action completed!

Just now

Navigation

Badges & chips

Devices & App
Smartphone vibration
New
mobiledevicephone

Card

Smartphone vibration

Devices & App

Free

Add the pixel-perfect Duotone Smartphone Vibration icon. Fully compatible with Tailwind CSS, React, Vue, and modern JS frameworks. Great for mobile app notifications. Get the SVG now!

mobiledevicephonealert

About the Smartphone vibration icon

Everything you need to know about this icon and how to use it.

The Smartphone vibration icon is part of the DuoIcons collection, a free and open-source duotone icon library designed for modern web and mobile development. Every icon in the collection features two carefully balanced layers — a primary layer and a secondary layer with reduced opacity — creating a distinctive depth-of-field aesthetic that stands out in any UI.

Add the pixel-perfect Duotone Smartphone Vibration icon. Fully compatible with Tailwind CSS, React, Vue, and modern JS frameworks. Great for mobile app notifications. Get the SVG now! This icon is filed under the Devices & App category, making it easy to discover alongside related symbols in the same visual family.

You can personalise the Smartphone vibration icon directly on this page using the Customizer panel. Adjust the colour (any valid hex value or pick from the curated presets) and the size from 8 px up to 256 px. All code snippets and the live preview update instantly so you can copy exactly the code you need without any extra tooling.

The Smartphone vibration icon is available as a native component for React, Vue, Svelte, Flutter, Tailwind CSS and Vanilla JS through the respective DuoIcons packages. Each package is independently tree-shakeable, meaning only the icons you import are included in your final bundle. TypeScript definitions are bundled by default.

In addition to component packages, the Smartphone vibration icon can be exported in multiple formats including plain SVG, an SVG symbol sprite, a base-64 Data URI for CSS backgrounds, and a high-resolution PNG at 512 px. A Figma source file is also available for designers who want to work directly with the vector shapes.

All DuoIcons — including Smartphone vibration — are released under the MIT License. You are free to use them in personal projects, commercial products, open-source libraries, and SaaS applications without attribution. Contributions, bug reports, and icon requests are always welcome on GitHub.

Slug
smartphone-vibration
Tailwind class
duo-icons-smartphone-vibration

Available formats

SVGSymbol SVGPNGData URIReactVueSvelteFlutterTailwind CSSVanilla JSFont

Frequently asked questions

Common questions about the Smartphone vibration icon and DuoIcons.

You can use the Smartphone vibration icon in several ways: copy it as a plain SVG and paste it directly into your HTML, install the framework-specific package (@duo-icons/react, @duo-icons/vue, @duo-icons/svelte, etc.) and import it as a component, or use the Tailwind CSS plugin and apply the class duo-icons-smartphone-vibration to any element. All options are shown in the code examples section above.