Phone Vibrate icon

Use the Phone 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 { PhoneVibrate24Regular, PhoneVibrate24Filled } from "@fluentui/react-icons";

export function Example() {
  return <PhoneVibrate24Regular aria-label="Phone Vibrate" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_phone_vibrate_24_regular.svg" width="24" height="24" alt="Phone 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="M15.7491 2C16.9917 2 17.9991 3.00736 17.9991 4.25V19.75C17.9991 20.9926 16.9917 22 15.7491 22H8.24907C7.00643 22 5.99907 20.9926 5.99907 19.75V4.25C5.99907 3.00736 7.00643 2 8.24907 2H15.7491ZM15.7491 3.5H8.24907C7.83486 3.5 7.49907 3.83579 7.49907 4.25V19.75C7.49907 20.1642 7.83486 20.5 8.24907 20.5H15.7491C16.1633 20.5 16.4991 20.1642 16.4991 19.75V4.25C16.4991 3.83579 16.1633 3.5 15.7491 3.5ZM13.2479 17.5C13.6622 17.4994 13.9984 17.8347 13.9991 18.2489C13.9997 18.6631 13.6644 18.9994 13.2502 19L10.7502 19.0038C10.336 19.0044 9.99969 18.6691 9.99907 18.2549C9.99845 17.8407 10.3337 17.5044 10.7479 17.5038L13.2479 17.5ZM20.6513 8.12951L20.6954 8.22146L21.278 9.67786C21.6107 10.5095 21.5162 11.4469 21.0339 12.1925L20.9247 12.3492L20.7735 12.5508C20.5408 12.861 20.4669 13.2591 20.5671 13.6282L20.6129 13.7651L21.1954 15.2215C21.3493 15.606 21.1622 16.0425 20.7776 16.1964C20.4251 16.3374 20.0289 16.1919 19.8469 15.8705L19.8027 15.7785L19.2201 14.3221C18.8875 13.4905 18.9819 12.5531 19.4642 11.8075L19.5735 11.6508L19.7247 11.4492C19.9573 11.139 20.0313 10.7409 19.9311 10.3718L19.8853 10.2349L19.3027 8.77854C19.1489 8.39396 19.3359 7.95748 19.7205 7.80364C20.0378 7.67673 20.3904 7.78184 20.5905 8.03846L20.6513 8.12951ZM4.15127 8.12951L4.19543 8.22146L4.77799 9.67786C5.11066 10.5095 5.01619 11.4469 4.53394 12.1925L4.42468 12.3492L4.27346 12.5508C4.0408 12.861 3.96685 13.2591 4.06708 13.6282L4.11286 13.7651L4.69543 15.2215C4.84926 15.606 4.6622 16.0425 4.27761 16.1964C3.92507 16.3374 3.52893 16.1919 3.34687 15.8705L3.30271 15.7785L2.72015 14.3221C2.38748 13.4905 2.48195 12.5531 2.9642 11.8075L3.07346 11.6508L3.22468 11.4492C3.45734 11.139 3.53128 10.7409 3.43106 10.3718L3.38527 10.2349L2.80271 8.77854C2.64888 8.39396 2.83594 7.95748 3.22053 7.80364C3.53781 7.67673 3.89041 7.78184 4.09049 8.03846L4.15127 8.12951Z" 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_vibrate_24_regular.svg";

Details

Keywords

devicemobilesmallscreencellulartelephoneappleandroidshakeundosilencedalertnotification