Clipboard Pulse icon

Use the Clipboard Pulse 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 { ClipboardPulse24Regular, ClipboardPulse24Filled } from "@fluentui/react-icons";

export function Example() {
  return <ClipboardPulse24Regular aria-label="Clipboard Pulse" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_clipboard_pulse_24_regular.svg" width="24" height="24" alt="Clipboard Pulse">

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="M13.75 2C14.9085 2 15.8624 2.87548 15.9864 4.00091C15.9863 4.00042 15.9863 3.99993 15.9862 3.99944L17.75 4C18.9926 4 20 5.00736 20 6.25V13H18.5V6.25C18.5 5.83579 18.1642 5.5 17.75 5.5L15.621 5.5002C15.2173 6.1031 14.53 6.5 13.75 6.5H10.25C9.46997 6.5 8.78264 6.10307 8.379 5.50016L6.25 5.5C5.83579 5.5 5.5 5.83579 5.5 6.25V13H4V6.25C4 5.00736 5.00736 4 6.25 4L8.01379 3.99944C8.13841 2.87472 9.09205 2 10.25 2H13.75ZM15.9948 4.09595L16 4.25C16 4.19822 15.9983 4.14685 15.9948 4.09595ZM13.75 3.5H10.25C9.83579 3.5 9.5 3.83579 9.5 4.25C9.5 4.66421 9.83579 5 10.25 5H13.75C14.1642 5 14.5 4.66421 14.5 4.25C14.5 3.83579 14.1642 3.5 13.75 3.5ZM18.5 16.5H20V19.75C20 20.9926 18.9926 22 17.75 22H6.25C5.00736 22 4 20.9926 4 19.75V16.5H5.5V19.75C5.5 20.1642 5.83579 20.5 6.25 20.5H17.75C18.1642 20.5 18.5 20.1642 18.5 19.75V16.5ZM10.9695 8.53834C10.8826 8.24264 10.6235 8.03026 10.3165 8.00292C10.0095 7.97559 9.71702 8.13887 9.57918 8.41456L6.78647 14H2.75C2.33579 14 2 14.3358 2 14.75C2 15.1642 2.33579 15.5 2.75 15.5H7.25C7.53408 15.5 7.79378 15.3395 7.92082 15.0854L10.0683 10.7903L12.0305 17.4616C12.1174 17.7573 12.3765 17.9697 12.6835 17.997C12.9905 18.0243 13.283 17.8611 13.4208 17.5854L15.3098 13.8074L16.1069 15.1358C16.2424 15.3617 16.4866 15.5 16.75 15.5H21.25C21.6642 15.5 22 15.1642 22 14.75C22 14.3358 21.6642 14 21.25 14H17.1746L15.8931 11.8641C15.7523 11.6294 15.4948 11.49 15.2212 11.5005C14.9477 11.511 14.7016 11.6697 14.5792 11.9146L12.9317 15.2096L10.9695 8.53834Z" 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/clipboard_pulse_24_regular.svg";

Details

Keywords

copymemoryanalogmedicalhealth