tooltip quote icon

tooltip-quote-32-regular from Fluent UI System Icons by Microsoft Corporation · 32 Regular · MIT Free for personal and commercial use.

Name
tooltip-quote-32-regular
Set
Fluent UI System Icons
Style
32 Regular
Viewbox
32×32
License
MIT

13 other variants in Fluent UI System Icons

tooltip-quote-12-filledtooltip-quote-12-regulartooltip-quote-16-filledtooltip-quote-16-regulartooltip-quote-20-filledtooltip-quote-20-regulartooltip-quote-24-filledtooltip-quote-24-regulartooltip-quote-28-filledtooltip-quote-28-regulartooltip-quote-32-filledtooltip-quote-48-filledtooltip-quote-48-regular

Related icons in Fluent UI System Icons

tooltip-quote-off-12-filled

Use the tooltip quote icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21 27a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2zM9.685 24H3a1 1 0 1 1 0-2h5.485zM18.75 2A3.25 3.25 0 0 1 22 5.25v10.5A3.25 3.25 0 0 1 18.75 19h-3.184l-2.709 4.515a1 1 0 0 1-1.64.107l-.074-.107L8.433 19H5.25A3.25 3.25 0 0 1 2 15.75V5.25A3.25 3.25 0 0 1 5.25 2zM29 22a1 1 0 1 1 0 2H14.315l1.2-2zM5.25 4C4.56 4 4 4.56 4 5.25v10.5c0 .69.56 1.25 1.25 1.25H9a1 1 0 0 1 .857.485L12 21.055l2.143-3.57l.074-.107A1 1 0 0 1 15 17h3.75c.69 0 1.25-.56 1.25-1.25V5.25C20 4.56 19.44 4 18.75 4zm4.852 3.005A1 1 0 0 1 11 8c0 1.952-.56 3.382-1.148 4.337a6.3 6.3 0 0 1-.818 1.066a5 5 0 0 1-.426.39l-.004.004l-.003.003a1 1 0 0 1-1.2-1.6l.027-.024q.052-.045.163-.157a4.4 4.4 0 0 0 .752-1.082A.997.997 0 0 1 7 10V8a1 1 0 0 1 1-1h2zm6 0A1 1 0 0 1 17 8c0 1.952-.56 3.382-1.148 4.337a6.3 6.3 0 0 1-.818 1.066a5 5 0 0 1-.383.357l-.03.025l-.013.009l-.005.003l-.002.003a1 1 0 0 1-1.2-1.6l.027-.024q.052-.045.163-.157a4.4 4.4 0 0 0 .752-1.082A.997.997 0 0 1 13 10V8a1 1 0 0 1 1-1h2z"/></svg>

React

import type { SVGProps } from "react";

export function FluentTooltipQuote32Regular(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21 27a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2zM9.685 24H3a1 1 0 1 1 0-2h5.485zM18.75 2A3.25 3.25 0 0 1 22 5.25v10.5A3.25 3.25 0 0 1 18.75 19h-3.184l-2.709 4.515a1 1 0 0 1-1.64.107l-.074-.107L8.433 19H5.25A3.25 3.25 0 0 1 2 15.75V5.25A3.25 3.25 0 0 1 5.25 2zM29 22a1 1 0 1 1 0 2H14.315l1.2-2zM5.25 4C4.56 4 4 4.56 4 5.25v10.5c0 .69.56 1.25 1.25 1.25H9a1 1 0 0 1 .857.485L12 21.055l2.143-3.57l.074-.107A1 1 0 0 1 15 17h3.75c.69 0 1.25-.56 1.25-1.25V5.25C20 4.56 19.44 4 18.75 4zm4.852 3.005A1 1 0 0 1 11 8c0 1.952-.56 3.382-1.148 4.337a6.3 6.3 0 0 1-.818 1.066a5 5 0 0 1-.426.39l-.004.004l-.003.003a1 1 0 0 1-1.2-1.6l.027-.024q.052-.045.163-.157a4.4 4.4 0 0 0 .752-1.082A.997.997 0 0 1 7 10V8a1 1 0 0 1 1-1h2zm6 0A1 1 0 0 1 17 8c0 1.952-.56 3.382-1.148 4.337a6.3 6.3 0 0 1-.818 1.066a5 5 0 0 1-.383.357l-.03.025l-.013.009l-.005.003l-.002.003a1 1 0 0 1-1.2-1.6l.027-.024q.052-.045.163-.157a4.4 4.4 0 0 0 .752-1.082A.997.997 0 0 1 13 10V8a1 1 0 0 1 1-1h2z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M21 27a1 1 0 1 1 0 2H3a1 1 0 1 1 0-2zM9.685 24H3a1 1 0 1 1 0-2h5.485zM18.75 2A3.25 3.25 0 0 1 22 5.25v10.5A3.25 3.25 0 0 1 18.75 19h-3.184l-2.709 4.515a1 1 0 0 1-1.64.107l-.074-.107L8.433 19H5.25A3.25 3.25 0 0 1 2 15.75V5.25A3.25 3.25 0 0 1 5.25 2zM29 22a1 1 0 1 1 0 2H14.315l1.2-2zM5.25 4C4.56 4 4 4.56 4 5.25v10.5c0 .69.56 1.25 1.25 1.25H9a1 1 0 0 1 .857.485L12 21.055l2.143-3.57l.074-.107A1 1 0 0 1 15 17h3.75c.69 0 1.25-.56 1.25-1.25V5.25C20 4.56 19.44 4 18.75 4zm4.852 3.005A1 1 0 0 1 11 8c0 1.952-.56 3.382-1.148 4.337a6.3 6.3 0 0 1-.818 1.066a5 5 0 0 1-.426.39l-.004.004l-.003.003a1 1 0 0 1-1.2-1.6l.027-.024q.052-.045.163-.157a4.4 4.4 0 0 0 .752-1.082A.997.997 0 0 1 7 10V8a1 1 0 0 1 1-1h2zm6 0A1 1 0 0 1 17 8c0 1.952-.56 3.382-1.148 4.337a6.3 6.3 0 0 1-.818 1.066a5 5 0 0 1-.383.357l-.03.025l-.013.009l-.005.003l-.002.003a1 1 0 0 1-1.2-1.6l.027-.024q.052-.045.163-.157a4.4 4.4 0 0 0 .752-1.082A.997.997 0 0 1 13 10V8a1 1 0 0 1 1-1h2z"/></svg>
</template>

CSS

.icon-tooltip-quote-32-regular {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%2027a1%201%200%201%201%200%202H3a1%201%200%201%201%200-2zM9.685%2024H3a1%201%200%201%201%200-2h5.485zM18.75%202A3.25%203.25%200%200%201%2022%205.25v10.5A3.25%203.25%200%200%201%2018.75%2019h-3.184l-2.709%204.515a1%201%200%200%201-1.64.107l-.074-.107L8.433%2019H5.25A3.25%203.25%200%200%201%202%2015.75V5.25A3.25%203.25%200%200%201%205.25%202zM29%2022a1%201%200%201%201%200%202H14.315l1.2-2zM5.25%204C4.56%204%204%204.56%204%205.25v10.5c0%20.69.56%201.25%201.25%201.25H9a1%201%200%200%201%20.857.485L12%2021.055l2.143-3.57l.074-.107A1%201%200%200%201%2015%2017h3.75c.69%200%201.25-.56%201.25-1.25V5.25C20%204.56%2019.44%204%2018.75%204zm4.852%203.005A1%201%200%200%201%2011%208c0%201.952-.56%203.382-1.148%204.337a6.3%206.3%200%200%201-.818%201.066a5%205%200%200%201-.426.39l-.004.004l-.003.003a1%201%200%200%201-1.2-1.6l.027-.024q.052-.045.163-.157a4.4%204.4%200%200%200%20.752-1.082A.997.997%200%200%201%207%2010V8a1%201%200%200%201%201-1h2zm6%200A1%201%200%200%201%2017%208c0%201.952-.56%203.382-1.148%204.337a6.3%206.3%200%200%201-.818%201.066a5%205%200%200%201-.383.357l-.03.025l-.013.009l-.005.003l-.002.003a1%201%200%200%201-1.2-1.6l.027-.024q.052-.045.163-.157a4.4%204.4%200%200%200%20.752-1.082A.997.997%200%200%201%2013%2010V8a1%201%200%200%201%201-1h2z%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M21%2027a1%201%200%201%201%200%202H3a1%201%200%201%201%200-2zM9.685%2024H3a1%201%200%201%201%200-2h5.485zM18.75%202A3.25%203.25%200%200%201%2022%205.25v10.5A3.25%203.25%200%200%201%2018.75%2019h-3.184l-2.709%204.515a1%201%200%200%201-1.64.107l-.074-.107L8.433%2019H5.25A3.25%203.25%200%200%201%202%2015.75V5.25A3.25%203.25%200%200%201%205.25%202zM29%2022a1%201%200%201%201%200%202H14.315l1.2-2zM5.25%204C4.56%204%204%204.56%204%205.25v10.5c0%20.69.56%201.25%201.25%201.25H9a1%201%200%200%201%20.857.485L12%2021.055l2.143-3.57l.074-.107A1%201%200%200%201%2015%2017h3.75c.69%200%201.25-.56%201.25-1.25V5.25C20%204.56%2019.44%204%2018.75%204zm4.852%203.005A1%201%200%200%201%2011%208c0%201.952-.56%203.382-1.148%204.337a6.3%206.3%200%200%201-.818%201.066a5%205%200%200%201-.426.39l-.004.004l-.003.003a1%201%200%200%201-1.2-1.6l.027-.024q.052-.045.163-.157a4.4%204.4%200%200%200%20.752-1.082A.997.997%200%200%201%207%2010V8a1%201%200%200%201%201-1h2zm6%200A1%201%200%200%201%2017%208c0%201.952-.56%203.382-1.148%204.337a6.3%206.3%200%200%201-.818%201.066a5%205%200%200%201-.383.357l-.03.025l-.013.009l-.005.003l-.002.003a1%201%200%200%201-1.2-1.6l.027-.024q.052-.045.163-.157a4.4%204.4%200%200%200%20.752-1.082A.997.997%200%200%201%2013%2010V8a1%201%200%200%201%201-1h2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/tooltip-quote-32-regular.svg?color=%231a73e8&size=48