person feedback icon

5 other variants in Fluent UI System Color Icons

The same icon in other sets

Related icons in Fluent UI System Color Icons

Use the person feedback icon

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGL864PMTu)" d="M8 22c-2.06 0-3.64-.56-4.7-1.67c-1.336-1.404-1.303-3.174-1.3-3.357v-.013C2 15.89 2.9 15 4 15h8c1.1 0 2 .9 2 2l.001.006c.003.127.045 1.91-1.3 3.324C11.64 21.44 10.06 22 8 22"/><path fill="url(#SVG9TZE0dRn)" d="M8 22c-2.06 0-3.64-.56-4.7-1.67c-1.336-1.404-1.303-3.174-1.3-3.357v-.013C2 15.89 2.9 15 4 15h8c1.1 0 2 .9 2 2l.001.006c.003.127.045 1.91-1.3 3.324C11.64 21.44 10.06 22 8 22"/><path fill="url(#SVGAOIRqdYe)" d="M8 13.5c-1.93 0-3.5-1.57-3.5-3.5S6.07 6.5 8 6.5s3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5"/><path fill="url(#SVGIrJRlbLr)" d="M14.77 12.4c.15.07.32.1.48.1c.33 0 .64-.13.88-.36L18.31 10h.94C20.77 10 22 8.77 22 7.25v-2.5C22 3.23 20.77 2 19.25 2h-4.5C13.23 2 12 3.23 12 4.75v2.5c0 1.26.85 2.32 2 2.65v1.35c0 .5.31.95.77 1.15"/><defs><linearGradient id="SVGL864PMTu" x1="4.854" x2="7.41" y1="15.931" y2="22.928" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#9c6cfe"/><stop offset="1" stop-color="#7a41dc"/></linearGradient><linearGradient id="SVG9TZE0dRn" x1="8.001" x2="11.608" y1="14.167" y2="25.721" gradientUnits="userSpaceOnUse"><stop stop-color="#885edb" stop-opacity="0"/><stop offset="1" stop-color="#e362f8"/></linearGradient><linearGradient id="SVGAOIRqdYe" x1="6.165" x2="9.732" y1="7.431" y2="13.127" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#9c6cfe"/><stop offset="1" stop-color="#7a41dc"/></linearGradient><radialGradient id="SVGIrJRlbLr" cx="0" cy="0" r="1" gradientTransform="rotate(50.94 6.138 9.559)scale(19.0356 33.9859)" gradientUnits="userSpaceOnUse"><stop stop-color="#fab500"/><stop offset=".535" stop-color="#fe8401"/><stop offset="1" stop-color="#fb5937"/></radialGradient></defs></g></svg>

import type { SVGProps } from "react";

export function FluentColorPersonFeedback24(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGL864PMTu)" d="M8 22c-2.06 0-3.64-.56-4.7-1.67c-1.336-1.404-1.303-3.174-1.3-3.357v-.013C2 15.89 2.9 15 4 15h8c1.1 0 2 .9 2 2l.001.006c.003.127.045 1.91-1.3 3.324C11.64 21.44 10.06 22 8 22"/><path fill="url(#SVG9TZE0dRn)" d="M8 22c-2.06 0-3.64-.56-4.7-1.67c-1.336-1.404-1.303-3.174-1.3-3.357v-.013C2 15.89 2.9 15 4 15h8c1.1 0 2 .9 2 2l.001.006c.003.127.045 1.91-1.3 3.324C11.64 21.44 10.06 22 8 22"/><path fill="url(#SVGAOIRqdYe)" d="M8 13.5c-1.93 0-3.5-1.57-3.5-3.5S6.07 6.5 8 6.5s3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5"/><path fill="url(#SVGIrJRlbLr)" d="M14.77 12.4c.15.07.32.1.48.1c.33 0 .64-.13.88-.36L18.31 10h.94C20.77 10 22 8.77 22 7.25v-2.5C22 3.23 20.77 2 19.25 2h-4.5C13.23 2 12 3.23 12 4.75v2.5c0 1.26.85 2.32 2 2.65v1.35c0 .5.31.95.77 1.15"/><defs><linearGradient id="SVGL864PMTu" x1="4.854" x2="7.41" y1="15.931" y2="22.928" gradientUnits="userSpaceOnUse"><stop offset=".125" stopColor="#9c6cfe"/><stop offset="1" stopColor="#7a41dc"/></linearGradient><linearGradient id="SVG9TZE0dRn" x1="8.001" x2="11.608" y1="14.167" y2="25.721" gradientUnits="userSpaceOnUse"><stop stopColor="#885edb" stopOpacity="0"/><stop offset="1" stopColor="#e362f8"/></linearGradient><linearGradient id="SVGAOIRqdYe" x1="6.165" x2="9.732" y1="7.431" y2="13.127" gradientUnits="userSpaceOnUse"><stop offset=".125" stopColor="#9c6cfe"/><stop offset="1" stopColor="#7a41dc"/></linearGradient><radialGradient id="SVGIrJRlbLr" cx="0" cy="0" r="1" gradientTransform="rotate(50.94 6.138 9.559)scale(19.0356 33.9859)" gradientUnits="userSpaceOnUse"><stop stopColor="#fab500"/><stop offset=".535" stopColor="#fe8401"/><stop offset="1" stopColor="#fb5937"/></radialGradient></defs></g></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none"><path fill="url(#SVGL864PMTu)" d="M8 22c-2.06 0-3.64-.56-4.7-1.67c-1.336-1.404-1.303-3.174-1.3-3.357v-.013C2 15.89 2.9 15 4 15h8c1.1 0 2 .9 2 2l.001.006c.003.127.045 1.91-1.3 3.324C11.64 21.44 10.06 22 8 22"/><path fill="url(#SVG9TZE0dRn)" d="M8 22c-2.06 0-3.64-.56-4.7-1.67c-1.336-1.404-1.303-3.174-1.3-3.357v-.013C2 15.89 2.9 15 4 15h8c1.1 0 2 .9 2 2l.001.006c.003.127.045 1.91-1.3 3.324C11.64 21.44 10.06 22 8 22"/><path fill="url(#SVGAOIRqdYe)" d="M8 13.5c-1.93 0-3.5-1.57-3.5-3.5S6.07 6.5 8 6.5s3.5 1.57 3.5 3.5s-1.57 3.5-3.5 3.5"/><path fill="url(#SVGIrJRlbLr)" d="M14.77 12.4c.15.07.32.1.48.1c.33 0 .64-.13.88-.36L18.31 10h.94C20.77 10 22 8.77 22 7.25v-2.5C22 3.23 20.77 2 19.25 2h-4.5C13.23 2 12 3.23 12 4.75v2.5c0 1.26.85 2.32 2 2.65v1.35c0 .5.31.95.77 1.15"/><defs><linearGradient id="SVGL864PMTu" x1="4.854" x2="7.41" y1="15.931" y2="22.928" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#9c6cfe"/><stop offset="1" stop-color="#7a41dc"/></linearGradient><linearGradient id="SVG9TZE0dRn" x1="8.001" x2="11.608" y1="14.167" y2="25.721" gradientUnits="userSpaceOnUse"><stop stop-color="#885edb" stop-opacity="0"/><stop offset="1" stop-color="#e362f8"/></linearGradient><linearGradient id="SVGAOIRqdYe" x1="6.165" x2="9.732" y1="7.431" y2="13.127" gradientUnits="userSpaceOnUse"><stop offset=".125" stop-color="#9c6cfe"/><stop offset="1" stop-color="#7a41dc"/></linearGradient><radialGradient id="SVGIrJRlbLr" cx="0" cy="0" r="1" gradientTransform="rotate(50.94 6.138 9.559)scale(19.0356 33.9859)" gradientUnits="userSpaceOnUse"><stop stop-color="#fab500"/><stop offset=".535" stop-color="#fe8401"/><stop offset="1" stop-color="#fb5937"/></radialGradient></defs></g></svg>
</template>

.icon-person-feedback-24 {
  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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGL864PMTu)%22%20d%3D%22M8%2022c-2.06%200-3.64-.56-4.7-1.67c-1.336-1.404-1.303-3.174-1.3-3.357v-.013C2%2015.89%202.9%2015%204%2015h8c1.1%200%202%20.9%202%202l.001.006c.003.127.045%201.91-1.3%203.324C11.64%2021.44%2010.06%2022%208%2022%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9TZE0dRn)%22%20d%3D%22M8%2022c-2.06%200-3.64-.56-4.7-1.67c-1.336-1.404-1.303-3.174-1.3-3.357v-.013C2%2015.89%202.9%2015%204%2015h8c1.1%200%202%20.9%202%202l.001.006c.003.127.045%201.91-1.3%203.324C11.64%2021.44%2010.06%2022%208%2022%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAOIRqdYe)%22%20d%3D%22M8%2013.5c-1.93%200-3.5-1.57-3.5-3.5S6.07%206.5%208%206.5s3.5%201.57%203.5%203.5s-1.57%203.5-3.5%203.5%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGIrJRlbLr)%22%20d%3D%22M14.77%2012.4c.15.07.32.1.48.1c.33%200%20.64-.13.88-.36L18.31%2010h.94C20.77%2010%2022%208.77%2022%207.25v-2.5C22%203.23%2020.77%202%2019.25%202h-4.5C13.23%202%2012%203.23%2012%204.75v2.5c0%201.26.85%202.32%202%202.65v1.35c0%20.5.31.95.77%201.15%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGL864PMTu%22%20x1%3D%224.854%22%20x2%3D%227.41%22%20y1%3D%2215.931%22%20y2%3D%2222.928%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.125%22%20stop-color%3D%22%239c6cfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237a41dc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG9TZE0dRn%22%20x1%3D%228.001%22%20x2%3D%2211.608%22%20y1%3D%2214.167%22%20y2%3D%2225.721%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23885edb%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e362f8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGAOIRqdYe%22%20x1%3D%226.165%22%20x2%3D%229.732%22%20y1%3D%227.431%22%20y2%3D%2213.127%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.125%22%20stop-color%3D%22%239c6cfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237a41dc%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGIrJRlbLr%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(50.94%206.138%209.559)scale(19.0356%2033.9859)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fab500%22%2F%3E%3Cstop%20offset%3D%22.535%22%20stop-color%3D%22%23fe8401%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fb5937%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%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%2024%2024%22%3E%3Cg%20fill%3D%22none%22%3E%3Cpath%20fill%3D%22url(%23SVGL864PMTu)%22%20d%3D%22M8%2022c-2.06%200-3.64-.56-4.7-1.67c-1.336-1.404-1.303-3.174-1.3-3.357v-.013C2%2015.89%202.9%2015%204%2015h8c1.1%200%202%20.9%202%202l.001.006c.003.127.045%201.91-1.3%203.324C11.64%2021.44%2010.06%2022%208%2022%22%2F%3E%3Cpath%20fill%3D%22url(%23SVG9TZE0dRn)%22%20d%3D%22M8%2022c-2.06%200-3.64-.56-4.7-1.67c-1.336-1.404-1.303-3.174-1.3-3.357v-.013C2%2015.89%202.9%2015%204%2015h8c1.1%200%202%20.9%202%202l.001.006c.003.127.045%201.91-1.3%203.324C11.64%2021.44%2010.06%2022%208%2022%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGAOIRqdYe)%22%20d%3D%22M8%2013.5c-1.93%200-3.5-1.57-3.5-3.5S6.07%206.5%208%206.5s3.5%201.57%203.5%203.5s-1.57%203.5-3.5%203.5%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGIrJRlbLr)%22%20d%3D%22M14.77%2012.4c.15.07.32.1.48.1c.33%200%20.64-.13.88-.36L18.31%2010h.94C20.77%2010%2022%208.77%2022%207.25v-2.5C22%203.23%2020.77%202%2019.25%202h-4.5C13.23%202%2012%203.23%2012%204.75v2.5c0%201.26.85%202.32%202%202.65v1.35c0%20.5.31.95.77%201.15%22%2F%3E%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGL864PMTu%22%20x1%3D%224.854%22%20x2%3D%227.41%22%20y1%3D%2215.931%22%20y2%3D%2222.928%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.125%22%20stop-color%3D%22%239c6cfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237a41dc%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVG9TZE0dRn%22%20x1%3D%228.001%22%20x2%3D%2211.608%22%20y1%3D%2214.167%22%20y2%3D%2225.721%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23885edb%22%20stop-opacity%3D%220%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23e362f8%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGAOIRqdYe%22%20x1%3D%226.165%22%20x2%3D%229.732%22%20y1%3D%227.431%22%20y2%3D%2213.127%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%22.125%22%20stop-color%3D%22%239c6cfe%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237a41dc%22%2F%3E%3C%2FlinearGradient%3E%3CradialGradient%20id%3D%22SVGIrJRlbLr%22%20cx%3D%220%22%20cy%3D%220%22%20r%3D%221%22%20gradientTransform%3D%22rotate(50.94%206.138%209.559)scale(19.0356%2033.9859)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20stop-color%3D%22%23fab500%22%2F%3E%3Cstop%20offset%3D%22.535%22%20stop-color%3D%22%23fe8401%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23fb5937%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent-color/person-feedback-24.svg?color=%231a73e8&size=48