tooltip quote icon

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

Name
tooltip-quote-32-filled
Set
Fluent UI System Icons
Style
32 Filled
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-regulartooltip-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-2zM8 7a1 1 0 0 0-1 1v2a.997.997 0 0 0 1.343.937a4.4 4.4 0 0 1-.752 1.082a3 3 0 0 1-.192.181a1 1 0 0 0 1.2 1.6l.005-.003l.004-.003l.012-.009l.031-.025l.093-.078c.075-.066.175-.159.29-.279c.23-.24.526-.592.818-1.066C10.44 11.382 11 9.952 11 8a1 1 0 0 0-.898-.995L10 7zm6 0a1 1 0 0 0-1 1v2a.997.997 0 0 0 1.343.937a4.4 4.4 0 0 1-.752 1.082a3 3 0 0 1-.192.181a1 1 0 0 0 1.2 1.6l.005-.003l.004-.003l.012-.009l.031-.025l.093-.078c.075-.066.175-.159.29-.279c.23-.24.526-.592.818-1.066C16.439 11.382 17 9.952 17 8a1 1 0 0 0-.898-.995L16 7z"/></svg>

React

import type { SVGProps } from "react";

export function FluentTooltipQuote32Filled(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-2zM8 7a1 1 0 0 0-1 1v2a.997.997 0 0 0 1.343.937a4.4 4.4 0 0 1-.752 1.082a3 3 0 0 1-.192.181a1 1 0 0 0 1.2 1.6l.005-.003l.004-.003l.012-.009l.031-.025l.093-.078c.075-.066.175-.159.29-.279c.23-.24.526-.592.818-1.066C10.44 11.382 11 9.952 11 8a1 1 0 0 0-.898-.995L10 7zm6 0a1 1 0 0 0-1 1v2a.997.997 0 0 0 1.343.937a4.4 4.4 0 0 1-.752 1.082a3 3 0 0 1-.192.181a1 1 0 0 0 1.2 1.6l.005-.003l.004-.003l.012-.009l.031-.025l.093-.078c.075-.066.175-.159.29-.279c.23-.24.526-.592.818-1.066C16.439 11.382 17 9.952 17 8a1 1 0 0 0-.898-.995L16 7z"/></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-2zM8 7a1 1 0 0 0-1 1v2a.997.997 0 0 0 1.343.937a4.4 4.4 0 0 1-.752 1.082a3 3 0 0 1-.192.181a1 1 0 0 0 1.2 1.6l.005-.003l.004-.003l.012-.009l.031-.025l.093-.078c.075-.066.175-.159.29-.279c.23-.24.526-.592.818-1.066C10.44 11.382 11 9.952 11 8a1 1 0 0 0-.898-.995L10 7zm6 0a1 1 0 0 0-1 1v2a.997.997 0 0 0 1.343.937a4.4 4.4 0 0 1-.752 1.082a3 3 0 0 1-.192.181a1 1 0 0 0 1.2 1.6l.005-.003l.004-.003l.012-.009l.031-.025l.093-.078c.075-.066.175-.159.29-.279c.23-.24.526-.592.818-1.066C16.439 11.382 17 9.952 17 8a1 1 0 0 0-.898-.995L16 7z"/></svg>
</template>

CSS

.icon-tooltip-quote-32-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%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-2zM8%207a1%201%200%200%200-1%201v2a.997.997%200%200%200%201.343.937a4.4%204.4%200%200%201-.752%201.082a3%203%200%200%201-.192.181a1%201%200%200%200%201.2%201.6l.005-.003l.004-.003l.012-.009l.031-.025l.093-.078c.075-.066.175-.159.29-.279c.23-.24.526-.592.818-1.066C10.44%2011.382%2011%209.952%2011%208a1%201%200%200%200-.898-.995L10%207zm6%200a1%201%200%200%200-1%201v2a.997.997%200%200%200%201.343.937a4.4%204.4%200%200%201-.752%201.082a3%203%200%200%201-.192.181a1%201%200%200%200%201.2%201.6l.005-.003l.004-.003l.012-.009l.031-.025l.093-.078c.075-.066.175-.159.29-.279c.23-.24.526-.592.818-1.066C16.439%2011.382%2017%209.952%2017%208a1%201%200%200%200-.898-.995L16%207z%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-2zM8%207a1%201%200%200%200-1%201v2a.997.997%200%200%200%201.343.937a4.4%204.4%200%200%201-.752%201.082a3%203%200%200%201-.192.181a1%201%200%200%200%201.2%201.6l.005-.003l.004-.003l.012-.009l.031-.025l.093-.078c.075-.066.175-.159.29-.279c.23-.24.526-.592.818-1.066C10.44%2011.382%2011%209.952%2011%208a1%201%200%200%200-.898-.995L10%207zm6%200a1%201%200%200%200-1%201v2a.997.997%200%200%200%201.343.937a4.4%204.4%200%200%201-.752%201.082a3%203%200%200%201-.192.181a1%201%200%200%200%201.2%201.6l.005-.003l.004-.003l.012-.009l.031-.025l.093-.078c.075-.066.175-.159.29-.279c.23-.24.526-.592.818-1.066C16.439%2011.382%2017%209.952%2017%208a1%201%200%200%200-.898-.995L16%207z%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-filled.svg?color=%231a73e8&size=48