tooltip quote icon
tooltip-quote-48-filled from Fluent UI System Icons by Microsoft Corporation · 48 Filled · MIT Free for personal and commercial use.
- Name
- tooltip-quote-48-filled
- Set
- Fluent UI System Icons
- Style
- 48 Filled
- Viewbox
- 48×48
- 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-32-regulartooltip-quote-48-regular
Related icons in Fluent UI System Icons
Use the tooltip quote icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M29.878 41.507a1.25 1.25 0 0 1 0 2.486L29.75 44H5.25a1.25 1.25 0 1 1 0-2.5h24.5zM14.49 36H5.25a1.25 1.25 0 1 1 0-2.5h7.991zM26.75 4A4.25 4.25 0 0 1 31 8.25v15.5A4.25 4.25 0 0 1 26.75 28h-4.477l-3.655 7.309a1.25 1.25 0 0 1-2.236 0L12.727 28H8.25A4.25 4.25 0 0 1 4 23.75V8.25A4.25 4.25 0 0 1 8.25 4zm16 29.5a1.25 1.25 0 1 1 0 2.5H20.509l1.25-2.5zM12.25 11a1.25 1.25 0 0 0-1.244 1.126L11 12.25v2.5a1.25 1.25 0 0 0 1.52 1.22l1.424-.316a6.8 6.8 0 0 1-.941 1.748a5.3 5.3 0 0 1-.97.996a3 3 0 0 1-.35.238l-.005.003l.004-.002l-.103.058a1.25 1.25 0 0 0 1.23 2.173l.004-.002h.002a3 3 0 0 0 .242-.139c.13-.08.303-.196.505-.352a7.8 7.8 0 0 0 1.435-1.465c.803-1.06 1.558-2.58 1.861-4.672q.015-.069.02-.141c.077-.573.122-1.188.122-1.847a1.25 1.25 0 0 0-1.122-1.243L15.75 11zm8 0a1.25 1.25 0 0 0-1.244 1.126L19 12.25v2.5a1.25 1.25 0 0 0 1.52 1.22l1.424-.316a6.8 6.8 0 0 1-.941 1.748a5.3 5.3 0 0 1-.97.996a3 3 0 0 1-.35.238l-.005.003l.004-.002l-.103.058a1.25 1.25 0 0 0 1.23 2.173h.002l.084-.046q.064-.034.162-.095c.13-.08.303-.196.505-.352a7.8 7.8 0 0 0 1.435-1.465c.802-1.06 1.558-2.58 1.861-4.672q.015-.069.02-.141c.077-.573.122-1.188.122-1.847a1.25 1.25 0 0 0-1.122-1.243L23.75 11z"/></svg>
React
import type { SVGProps } from "react";
export function FluentTooltipQuote48Filled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M29.878 41.507a1.25 1.25 0 0 1 0 2.486L29.75 44H5.25a1.25 1.25 0 1 1 0-2.5h24.5zM14.49 36H5.25a1.25 1.25 0 1 1 0-2.5h7.991zM26.75 4A4.25 4.25 0 0 1 31 8.25v15.5A4.25 4.25 0 0 1 26.75 28h-4.477l-3.655 7.309a1.25 1.25 0 0 1-2.236 0L12.727 28H8.25A4.25 4.25 0 0 1 4 23.75V8.25A4.25 4.25 0 0 1 8.25 4zm16 29.5a1.25 1.25 0 1 1 0 2.5H20.509l1.25-2.5zM12.25 11a1.25 1.25 0 0 0-1.244 1.126L11 12.25v2.5a1.25 1.25 0 0 0 1.52 1.22l1.424-.316a6.8 6.8 0 0 1-.941 1.748a5.3 5.3 0 0 1-.97.996a3 3 0 0 1-.35.238l-.005.003l.004-.002l-.103.058a1.25 1.25 0 0 0 1.23 2.173l.004-.002h.002a3 3 0 0 0 .242-.139c.13-.08.303-.196.505-.352a7.8 7.8 0 0 0 1.435-1.465c.803-1.06 1.558-2.58 1.861-4.672q.015-.069.02-.141c.077-.573.122-1.188.122-1.847a1.25 1.25 0 0 0-1.122-1.243L15.75 11zm8 0a1.25 1.25 0 0 0-1.244 1.126L19 12.25v2.5a1.25 1.25 0 0 0 1.52 1.22l1.424-.316a6.8 6.8 0 0 1-.941 1.748a5.3 5.3 0 0 1-.97.996a3 3 0 0 1-.35.238l-.005.003l.004-.002l-.103.058a1.25 1.25 0 0 0 1.23 2.173h.002l.084-.046q.064-.034.162-.095c.13-.08.303-.196.505-.352a7.8 7.8 0 0 0 1.435-1.465c.802-1.06 1.558-2.58 1.861-4.672q.015-.069.02-.141c.077-.573.122-1.188.122-1.847a1.25 1.25 0 0 0-1.122-1.243L23.75 11z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 48 48"><path fill="currentColor" d="M29.878 41.507a1.25 1.25 0 0 1 0 2.486L29.75 44H5.25a1.25 1.25 0 1 1 0-2.5h24.5zM14.49 36H5.25a1.25 1.25 0 1 1 0-2.5h7.991zM26.75 4A4.25 4.25 0 0 1 31 8.25v15.5A4.25 4.25 0 0 1 26.75 28h-4.477l-3.655 7.309a1.25 1.25 0 0 1-2.236 0L12.727 28H8.25A4.25 4.25 0 0 1 4 23.75V8.25A4.25 4.25 0 0 1 8.25 4zm16 29.5a1.25 1.25 0 1 1 0 2.5H20.509l1.25-2.5zM12.25 11a1.25 1.25 0 0 0-1.244 1.126L11 12.25v2.5a1.25 1.25 0 0 0 1.52 1.22l1.424-.316a6.8 6.8 0 0 1-.941 1.748a5.3 5.3 0 0 1-.97.996a3 3 0 0 1-.35.238l-.005.003l.004-.002l-.103.058a1.25 1.25 0 0 0 1.23 2.173l.004-.002h.002a3 3 0 0 0 .242-.139c.13-.08.303-.196.505-.352a7.8 7.8 0 0 0 1.435-1.465c.803-1.06 1.558-2.58 1.861-4.672q.015-.069.02-.141c.077-.573.122-1.188.122-1.847a1.25 1.25 0 0 0-1.122-1.243L15.75 11zm8 0a1.25 1.25 0 0 0-1.244 1.126L19 12.25v2.5a1.25 1.25 0 0 0 1.52 1.22l1.424-.316a6.8 6.8 0 0 1-.941 1.748a5.3 5.3 0 0 1-.97.996a3 3 0 0 1-.35.238l-.005.003l.004-.002l-.103.058a1.25 1.25 0 0 0 1.23 2.173h.002l.084-.046q.064-.034.162-.095c.13-.08.303-.196.505-.352a7.8 7.8 0 0 0 1.435-1.465c.802-1.06 1.558-2.58 1.861-4.672q.015-.069.02-.141c.077-.573.122-1.188.122-1.847a1.25 1.25 0 0 0-1.122-1.243L23.75 11z"/></svg> </template>
CSS
.icon-tooltip-quote-48-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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.878%2041.507a1.25%201.25%200%200%201%200%202.486L29.75%2044H5.25a1.25%201.25%200%201%201%200-2.5h24.5zM14.49%2036H5.25a1.25%201.25%200%201%201%200-2.5h7.991zM26.75%204A4.25%204.25%200%200%201%2031%208.25v15.5A4.25%204.25%200%200%201%2026.75%2028h-4.477l-3.655%207.309a1.25%201.25%200%200%201-2.236%200L12.727%2028H8.25A4.25%204.25%200%200%201%204%2023.75V8.25A4.25%204.25%200%200%201%208.25%204zm16%2029.5a1.25%201.25%200%201%201%200%202.5H20.509l1.25-2.5zM12.25%2011a1.25%201.25%200%200%200-1.244%201.126L11%2012.25v2.5a1.25%201.25%200%200%200%201.52%201.22l1.424-.316a6.8%206.8%200%200%201-.941%201.748a5.3%205.3%200%200%201-.97.996a3%203%200%200%201-.35.238l-.005.003l.004-.002l-.103.058a1.25%201.25%200%200%200%201.23%202.173l.004-.002h.002a3%203%200%200%200%20.242-.139c.13-.08.303-.196.505-.352a7.8%207.8%200%200%200%201.435-1.465c.803-1.06%201.558-2.58%201.861-4.672q.015-.069.02-.141c.077-.573.122-1.188.122-1.847a1.25%201.25%200%200%200-1.122-1.243L15.75%2011zm8%200a1.25%201.25%200%200%200-1.244%201.126L19%2012.25v2.5a1.25%201.25%200%200%200%201.52%201.22l1.424-.316a6.8%206.8%200%200%201-.941%201.748a5.3%205.3%200%200%201-.97.996a3%203%200%200%201-.35.238l-.005.003l.004-.002l-.103.058a1.25%201.25%200%200%200%201.23%202.173h.002l.084-.046q.064-.034.162-.095c.13-.08.303-.196.505-.352a7.8%207.8%200%200%200%201.435-1.465c.802-1.06%201.558-2.58%201.861-4.672q.015-.069.02-.141c.077-.573.122-1.188.122-1.847a1.25%201.25%200%200%200-1.122-1.243L23.75%2011z%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%2048%2048%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M29.878%2041.507a1.25%201.25%200%200%201%200%202.486L29.75%2044H5.25a1.25%201.25%200%201%201%200-2.5h24.5zM14.49%2036H5.25a1.25%201.25%200%201%201%200-2.5h7.991zM26.75%204A4.25%204.25%200%200%201%2031%208.25v15.5A4.25%204.25%200%200%201%2026.75%2028h-4.477l-3.655%207.309a1.25%201.25%200%200%201-2.236%200L12.727%2028H8.25A4.25%204.25%200%200%201%204%2023.75V8.25A4.25%204.25%200%200%201%208.25%204zm16%2029.5a1.25%201.25%200%201%201%200%202.5H20.509l1.25-2.5zM12.25%2011a1.25%201.25%200%200%200-1.244%201.126L11%2012.25v2.5a1.25%201.25%200%200%200%201.52%201.22l1.424-.316a6.8%206.8%200%200%201-.941%201.748a5.3%205.3%200%200%201-.97.996a3%203%200%200%201-.35.238l-.005.003l.004-.002l-.103.058a1.25%201.25%200%200%200%201.23%202.173l.004-.002h.002a3%203%200%200%200%20.242-.139c.13-.08.303-.196.505-.352a7.8%207.8%200%200%200%201.435-1.465c.803-1.06%201.558-2.58%201.861-4.672q.015-.069.02-.141c.077-.573.122-1.188.122-1.847a1.25%201.25%200%200%200-1.122-1.243L15.75%2011zm8%200a1.25%201.25%200%200%200-1.244%201.126L19%2012.25v2.5a1.25%201.25%200%200%200%201.52%201.22l1.424-.316a6.8%206.8%200%200%201-.941%201.748a5.3%205.3%200%200%201-.97.996a3%203%200%200%201-.35.238l-.005.003l.004-.002l-.103.058a1.25%201.25%200%200%200%201.23%202.173h.002l.084-.046q.064-.034.162-.095c.13-.08.303-.196.505-.352a7.8%207.8%200%200%200%201.435-1.465c.802-1.06%201.558-2.58%201.861-4.672q.015-.069.02-.141c.077-.573.122-1.188.122-1.847a1.25%201.25%200%200%200-1.122-1.243L23.75%2011z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/tooltip-quote-48-filled.svg?color=%231a73e8&size=48
