Person Feedback icon

Use the Person Feedback 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 { PersonFeedback24Regular, PersonFeedback24Filled } from "@fluentui/react-icons";

export function Example() {
  return <PersonFeedback24Regular aria-label="Person Feedback" />;
}

Use it in HTML

Reference the SVG file directly:

<img src="https://fluenticons.co/icons/ic_fluent_person_feedback_24_regular.svg" width="24" height="24" alt="Person Feedback">

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="M14.77 12.4C14.92 12.47 15.09 12.5 15.25 12.5C15.58 12.5 15.89 12.37 16.13 12.14L18.31 10H19.25C20.77 10 22 8.77 22 7.25V4.75C22 3.23 20.77 2 19.25 2H14.75C13.23 2 12 3.23 12 4.75V7.25C12 8.51 12.85 9.57 14 9.9V11.25C14 11.75 14.31 12.2 14.77 12.4ZM13.5 4.75C13.5 4.06 14.06 3.5 14.75 3.5H19.25C19.94 3.5 20.5 4.06 20.5 4.75V7.25C20.5 7.94 19.94 8.5 19.25 8.5H17.69L15.5 10.65V8.5H14.75C14.06 8.5 13.5 7.94 13.5 7.25V4.75ZM8 13.5C6.07 13.5 4.5 11.93 4.5 10C4.5 8.07 6.07 6.5 8 6.5C9.93 6.5 11.5 8.07 11.5 10C11.5 11.93 9.93 13.5 8 13.5ZM8 8C6.9 8 6 8.9 6 10C6 11.1 6.9 12 8 12C9.1 12 10 11.1 10 10C10 8.9 9.1 8 8 8ZM8.00086 22C5.94086 22 4.36086 21.44 3.30086 20.33C1.96434 18.9257 1.99727 17.1555 2.00067 16.9727L2.00086 16.96C2.00086 15.89 2.90086 15 4.00086 15H12.0009C13.1009 15 14.0009 15.9 14.0009 17L14.001 17.0064C14.004 17.1325 14.0461 18.9165 12.7009 20.33C11.6409 21.44 10.0609 22 8.00086 22ZM4.00086 16.5C3.72086 16.5 3.50086 16.72 3.50086 17L3.50081 17.0048C3.49953 17.0997 3.48268 18.3527 4.40086 19.31C5.16086 20.1 6.37086 20.5 8.00086 20.5C9.63086 20.5 10.8509 20.09 11.6109 19.29C12.5234 18.3382 12.502 17.0975 12.5009 17.0324L12.5009 17.03C12.5009 16.72 12.2709 16.49 12.0009 16.49H4.00086V16.5Z" 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/person_feedback_24_regular.svg";

Details

Keywords

humanpatientcontactguest