person feedback icon
person-feedback-28-filled from Fluent UI System Icons by Microsoft Corporation · 28 Filled · MIT Free for personal and commercial use.
- Name
- person-feedback-28-filled
- Set
- Fluent UI System Icons
- Style
- 28 Filled
- Viewbox
- 28×28
- License
- MIT
12 other variants in Fluent UI System Icons
person-feedback-16-filledperson-feedback-16-regularperson-feedback-20-filledperson-feedback-20-regularperson-feedback-24-filledperson-feedback-24-regularperson-feedback-28-regularperson-feedback-32-filledperson-feedback-32-lightperson-feedback-32-regularperson-feedback-48-filledperson-feedback-48-regular
The same icon in other sets
Related icons in Fluent UI System Icons
person-5-20-filledperson-6-20-filledperson-account-16-filledperson-accounts-20-filledperson-add-16-filledperson-alert-16-filledperson-alert-off-16-filledperson-arrow-back-16-filledperson-arrow-left-16-filledperson-arrow-right-16-filledperson-available-16-filledperson-board-12-filledperson-board-add-16-filledperson-briefcase-16-filledperson-call-16-filledperson-chat-16-filledperson-circle-12-filledperson-circle-off-12-filledperson-clock-16-filledperson-delete-16-filledperson-desktop-20-filledperson-edit-16-filledperson-error-16-filledperson-guest-16-filled
Use the person feedback icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M17.75 14c-.13 0-.27-.02-.4-.06a1.25 1.25 0 0 1-.85-1.19v-1.76c-1.4-.13-2.5-1.31-2.5-2.74v-3.5C14 3.23 15.23 2 16.75 2h6.5C24.77 2 26 3.23 26 4.75v3.5C26 9.77 24.77 11 23.25 11h-2.62l-1.88 2.5c-.24.32-.61.5-1 .5M9.5 16.5a4.26 4.26 0 0 1-4.25-4.25A4.26 4.26 0 0 1 9.5 8a4.26 4.26 0 0 1 4.25 4.25A4.26 4.26 0 0 1 9.5 16.5m-6.029 7.42C4.781 25.3 6.811 26 9.501 26s4.72-.7 6.03-2.08c1.522-1.61 1.473-3.553 1.47-3.684v-.006c0-1.23-1-2.23-2.23-2.23H4.231c-1.23 0-2.23 1-2.23 2.19v.013c-.004.19-.042 2.117 1.47 3.717"/></svg>
React
import type { SVGProps } from "react";
export function FluentPersonFeedback28Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M17.75 14c-.13 0-.27-.02-.4-.06a1.25 1.25 0 0 1-.85-1.19v-1.76c-1.4-.13-2.5-1.31-2.5-2.74v-3.5C14 3.23 15.23 2 16.75 2h6.5C24.77 2 26 3.23 26 4.75v3.5C26 9.77 24.77 11 23.25 11h-2.62l-1.88 2.5c-.24.32-.61.5-1 .5M9.5 16.5a4.26 4.26 0 0 1-4.25-4.25A4.26 4.26 0 0 1 9.5 8a4.26 4.26 0 0 1 4.25 4.25A4.26 4.26 0 0 1 9.5 16.5m-6.029 7.42C4.781 25.3 6.811 26 9.501 26s4.72-.7 6.03-2.08c1.522-1.61 1.473-3.553 1.47-3.684v-.006c0-1.23-1-2.23-2.23-2.23H4.231c-1.23 0-2.23 1-2.23 2.19v.013c-.004.19-.042 2.117 1.47 3.717"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M17.75 14c-.13 0-.27-.02-.4-.06a1.25 1.25 0 0 1-.85-1.19v-1.76c-1.4-.13-2.5-1.31-2.5-2.74v-3.5C14 3.23 15.23 2 16.75 2h6.5C24.77 2 26 3.23 26 4.75v3.5C26 9.77 24.77 11 23.25 11h-2.62l-1.88 2.5c-.24.32-.61.5-1 .5M9.5 16.5a4.26 4.26 0 0 1-4.25-4.25A4.26 4.26 0 0 1 9.5 8a4.26 4.26 0 0 1 4.25 4.25A4.26 4.26 0 0 1 9.5 16.5m-6.029 7.42C4.781 25.3 6.811 26 9.501 26s4.72-.7 6.03-2.08c1.522-1.61 1.473-3.553 1.47-3.684v-.006c0-1.23-1-2.23-2.23-2.23H4.231c-1.23 0-2.23 1-2.23 2.19v.013c-.004.19-.042 2.117 1.47 3.717"/></svg> </template>
CSS
.icon-person-feedback-28-filled {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.75%2014c-.13%200-.27-.02-.4-.06a1.25%201.25%200%200%201-.85-1.19v-1.76c-1.4-.13-2.5-1.31-2.5-2.74v-3.5C14%203.23%2015.23%202%2016.75%202h6.5C24.77%202%2026%203.23%2026%204.75v3.5C26%209.77%2024.77%2011%2023.25%2011h-2.62l-1.88%202.5c-.24.32-.61.5-1%20.5M9.5%2016.5a4.26%204.26%200%200%201-4.25-4.25A4.26%204.26%200%200%201%209.5%208a4.26%204.26%200%200%201%204.25%204.25A4.26%204.26%200%200%201%209.5%2016.5m-6.029%207.42C4.781%2025.3%206.811%2026%209.501%2026s4.72-.7%206.03-2.08c1.522-1.61%201.473-3.553%201.47-3.684v-.006c0-1.23-1-2.23-2.23-2.23H4.231c-1.23%200-2.23%201-2.23%202.19v.013c-.004.19-.042%202.117%201.47%203.717%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.75%2014c-.13%200-.27-.02-.4-.06a1.25%201.25%200%200%201-.85-1.19v-1.76c-1.4-.13-2.5-1.31-2.5-2.74v-3.5C14%203.23%2015.23%202%2016.75%202h6.5C24.77%202%2026%203.23%2026%204.75v3.5C26%209.77%2024.77%2011%2023.25%2011h-2.62l-1.88%202.5c-.24.32-.61.5-1%20.5M9.5%2016.5a4.26%204.26%200%200%201-4.25-4.25A4.26%204.26%200%200%201%209.5%208a4.26%204.26%200%200%201%204.25%204.25A4.26%204.26%200%200%201%209.5%2016.5m-6.029%207.42C4.781%2025.3%206.811%2026%209.501%2026s4.72-.7%206.03-2.08c1.522-1.61%201.473-3.553%201.47-3.684v-.006c0-1.23-1-2.23-2.23-2.23H4.231c-1.23%200-2.23%201-2.23%202.19v.013c-.004.19-.042%202.117%201.47%203.717%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/person-feedback-28-filled.svg?color=%231a73e8&size=48
