Dual Screen Vibrate icon
Used in foldable screen scenarios. The Dual Screen Vibrate 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 Dual Screen Vibrate 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 { DualScreenVibrate24Regular, DualScreenVibrate24Filled } from "@fluentui/react-icons";
export function Example() {
return <DualScreenVibrate24Regular aria-label="Dual Screen Vibrate" />;
}Use it in HTML
Reference the SVG file directly:
<img src="https://fluenticons.co/icons/ic_fluent_dual_screen_vibrate_24_regular.svg" width="24" height="24" alt="Dual Screen Vibrate"> 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="M16.7508 5.99609C17.6689 5.99609 18.422 6.7032 18.495 7.60257L18.5008 7.74609V17.2495C18.5008 18.1677 17.7937 18.9207 16.8943 18.9937L16.7508 18.9995H7.24923C6.33106 18.9995 5.57804 18.2924 5.50503 17.393L5.49923 17.2495V7.74609C5.49923 6.82792 6.20634 6.0749 7.1057 6.00189L7.24923 5.99609H16.7508ZM11.5 7.49609H7.24923C7.13088 7.49609 7.03174 7.57833 7.00583 7.68877L6.99923 7.74609V17.2495C6.99923 17.3678 7.08146 17.467 7.19191 17.4929L7.24923 17.4995L11.5 17.4991V7.49609ZM16.7508 7.49609H12.5V17.4991L16.7508 17.4995C16.8691 17.4995 16.9683 17.4173 16.9942 17.3068L17.0008 17.2495V7.74609C17.0008 7.62775 16.9185 7.52861 16.8081 7.5027L16.7508 7.49609ZM15.25 15.0065C15.6642 15.0065 16 15.3423 16 15.7565C16 16.1362 15.7178 16.45 15.3518 16.4997L15.25 16.5065H14.25C13.8358 16.5065 13.5 16.1708 13.5 15.7565C13.5 15.3768 13.7822 15.063 14.1482 15.0134L14.25 15.0065H15.25ZM9.74944 15.0065C10.1637 15.0065 10.4994 15.3423 10.4994 15.7565C10.4994 16.1362 10.2173 16.45 9.85122 16.4997L9.74944 16.5065H8.75C8.33579 16.5065 8 16.1708 8 15.7565C8 15.3768 8.28215 15.063 8.64823 15.0134L8.75 15.0065H9.74944ZM21.1158 8.03803L21.1766 8.12907L21.2207 8.22102L21.8033 9.67743C22.136 10.5091 22.0415 11.4465 21.5592 12.192L21.45 12.3488L21.2988 12.5504C21.0661 12.8606 20.9922 13.2587 21.0924 13.6278L21.1382 13.7646L21.7207 15.221C21.8746 15.6056 21.6875 16.0421 21.3029 16.1959C20.9504 16.3369 20.5542 16.1915 20.3722 15.8701L20.328 15.7781L19.7454 14.3217C19.4128 13.49 19.5072 12.5526 19.9895 11.8071L20.0988 11.6504L20.25 11.4488C20.4826 11.1385 20.5566 10.7404 20.4564 10.3713L20.4106 10.2345L19.828 8.77811C19.6742 8.39352 19.8612 7.95704 20.2458 7.80321C20.5631 7.67629 20.9157 7.7814 21.1158 8.03803ZM3.56705 8.03795L3.62784 8.129L3.67199 8.22094L4.25455 9.67735C4.58722 10.509 4.49275 11.4464 4.0105 12.192L3.90124 12.3487L3.75002 12.5503C3.51736 12.8605 3.44342 13.2586 3.54365 13.6277L3.58943 13.7645L4.17199 15.2209C4.32582 15.6055 4.13876 16.042 3.75417 16.1958C3.40164 16.3369 3.0055 16.1914 2.82343 15.87L2.77927 15.778L2.19671 14.3216C1.86404 13.4899 1.95851 12.5525 2.44076 11.807L2.55002 11.6503L2.70124 11.4487C2.9339 11.1385 3.00785 10.7404 2.90762 10.3713L2.86184 10.2344L2.27927 8.77803C2.12544 8.39344 2.3125 7.95697 2.69709 7.80313C3.01437 7.67622 3.36698 7.78133 3.56705 8.03795Z" 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/dual_screen_vibrate_24_regular.svg";Details
| Name | Dual Screen Vibrate |
|---|---|
| Styles | Regular (outlined), Filled |
| Size | 24 × 24 px (scalable SVG) |
| Regular (outlined) file | ic_fluent_dual_screen_vibrate_24_regular.svg |
| Filled file | ic_fluent_dual_screen_vibrate_24_filled.svg |
| React components | DualScreenVibrate24Regular, DualScreenVibrate24Filled |
| License | MIT (© Microsoft Corporation) |