Hard Drive Call icon

Use the Hard Drive Call 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 { HardDriveCall24Regular, HardDriveCall24Filled } from "@fluentui/react-icons";

export function Example() {
  return <HardDriveCall24Regular aria-label="Hard Drive Call" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_hard_drive_call_24_regular.svg" width="24" height="24" alt="Hard Drive Call">

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="M5.41521 5.26999C5.791 4.49336 6.57779 4 7.44057 4H16.5594C17.4222 4 18.209 4.49336 18.5848 5.26999L20.8732 9.99928C20.3501 9.98823 19.8433 10.1617 19.4389 10.4791L17.2346 5.92333C17.1093 5.66445 16.847 5.5 16.5594 5.5H7.44057C7.15297 5.5 6.89071 5.66445 6.76545 5.92333L4.30899 11H18.9574C18.8712 11.1297 18.7972 11.2703 18.7378 11.4208L18.3117 12.5H4.25C3.83579 12.5 3.5 12.8358 3.5 13.25V16.75C3.5 17.1642 3.83579 17.5 4.25 17.5H15.5614C15.4622 17.5868 15.37 17.6833 15.2863 17.7891L14.4863 18.7989C14.4347 18.864 14.3873 18.9311 14.344 19H4.25C3.00736 19 2 17.9926 2 16.75V13.0731C2 12.5828 2.11093 12.0988 2.32448 11.6575L5.41521 5.26999ZM19.1924 12.9949L19.6679 11.7903C19.9104 11.1758 20.5886 10.8568 21.2161 11.0622L21.6472 11.2032C22.3714 11.4402 22.9726 12.0093 22.997 12.7719C23.0962 15.8829 20.5215 20.3545 17.7841 21.827C17.1109 22.1892 16.3158 21.9496 15.7485 21.4358L15.4118 21.1308C14.9231 20.6881 14.8611 19.9417 15.2702 19.4251L16.0701 18.4149C16.3603 18.0484 16.8368 17.8844 17.2909 17.9946L18.5822 18.308C19.6853 17.578 20.2765 16.5517 20.3557 15.2292L19.4395 14.2652C19.117 13.926 19.0206 13.4301 19.1924 12.9949Z" 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/hard_drive_call_24_regular.svg";

Details

Keywords

memorystoragehardwarephysicaldevicesavevoicegatewayvoipphonetelephonecall