Pulse Square icon

Use the Pulse Square 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 { PulseSquare24Regular, PulseSquare24Filled } from "@fluentui/react-icons";

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

Use it in HTML

Reference the SVG file directly:

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

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="M17.75 3C19.5449 3 21 4.45507 21 6.25V17.75C21 19.5449 19.5449 21 17.75 21H6.25C4.45507 21 3 19.5449 3 17.75V6.25C3 4.45507 4.45507 3 6.25 3H17.75ZM6.25 4.5C5.2835 4.5 4.5 5.2835 4.5 6.25V17.75C4.5 18.7165 5.2835 19.5 6.25 19.5H17.75C18.7165 19.5 19.5 18.7165 19.5 17.75V6.25C19.5 5.2835 18.7165 4.5 17.75 4.5H6.25ZM9.8125 7.94824C10.0638 7.37498 10.848 7.35396 11.1455 7.86816L11.1953 7.9707L13.5771 13.917L14.5801 11.9131C14.6913 11.6912 14.904 11.541 15.1455 11.5068L15.251 11.499H17.251C17.6649 11.4992 18.0008 11.8351 18.001 12.249C18.001 12.6286 17.7185 12.9424 17.3525 12.9922L17.251 12.999H15.7139L14.1709 16.0801C13.8983 16.6244 13.1412 16.6254 12.8525 16.123L12.8047 16.0234L10.4678 10.1885L9.43262 12.5508C9.32795 12.7892 9.10807 12.9538 8.85547 12.9912L8.74609 12.999H6.75098C6.33676 12.999 6.00098 12.6632 6.00098 12.249C6.00111 11.8696 6.28261 11.5557 6.64844 11.5059L6.75098 11.499H8.25586L9.8125 7.94824Z" 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/pulse_square_24_regular.svg";

Details

Keywords

healthmedicinemedicalhospitaldoctor