tooltip quote icon
tooltip-quote-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- tooltip-quote-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- 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-32-filledtooltip-quote-32-regulartooltip-quote-48-filledtooltip-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 28 28"><path fill="currentColor" d="M17.327 24.504a.75.75 0 0 1 0 1.492L17.25 26H2.75a.75.75 0 0 1 0-1.5h14.5zM8.42 21H2.75a.75.75 0 0 1 0-1.5h4.919zm6.83-19A2.75 2.75 0 0 1 18 4.75v8.5A2.75 2.75 0 0 1 15.25 16h-2.286l-2.293 4.585a.75.75 0 0 1-1.342 0L7.036 16H4.75A2.75 2.75 0 0 1 2 13.25v-8.5A2.75 2.75 0 0 1 4.75 2zm10 17.5a.75.75 0 0 1 0 1.5H11.581l.75-1.5zm-20.5-16c-.69 0-1.25.56-1.25 1.25v8.5c0 .69.56 1.25 1.25 1.25H7.5a.75.75 0 0 1 .67.415L10 18.573l1.83-3.658l.053-.09a.75.75 0 0 1 .617-.325h2.75c.69 0 1.25-.56 1.25-1.25v-8.5c0-.69-.56-1.25-1.25-1.25zm4.147 2.515a.75.75 0 0 1 .603.735c0 1.79-.554 3.063-1.135 3.898a5.3 5.3 0 0 1-.803.915a4 4 0 0 1-.407.319l-.005.002l-.002.002a.75.75 0 0 1-.796-1.272l.038-.027c.037-.028.098-.075.173-.142c.15-.135.36-.35.572-.655a4.5 4.5 0 0 0 .498-.952l-.736.147A.75.75 0 0 1 6 8.25v-1.5l.004-.077A.75.75 0 0 1 6.75 6h2zm5 0a.75.75 0 0 1 .603.735c0 1.79-.555 3.063-1.135 3.898a5.3 5.3 0 0 1-.803.915a4 4 0 0 1-.407.319l-.005.002l-.002.002a.75.75 0 0 1-.796-1.272l.038-.027a2 2 0 0 0 .172-.142c.151-.135.36-.35.573-.655c.174-.25.348-.566.498-.952l-.735.147A.75.75 0 0 1 11 8.25v-1.5l.004-.077A.75.75 0 0 1 11.75 6h2z"/></svg>
React
import type { SVGProps } from "react";
export function FluentTooltipQuote28Regular(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.327 24.504a.75.75 0 0 1 0 1.492L17.25 26H2.75a.75.75 0 0 1 0-1.5h14.5zM8.42 21H2.75a.75.75 0 0 1 0-1.5h4.919zm6.83-19A2.75 2.75 0 0 1 18 4.75v8.5A2.75 2.75 0 0 1 15.25 16h-2.286l-2.293 4.585a.75.75 0 0 1-1.342 0L7.036 16H4.75A2.75 2.75 0 0 1 2 13.25v-8.5A2.75 2.75 0 0 1 4.75 2zm10 17.5a.75.75 0 0 1 0 1.5H11.581l.75-1.5zm-20.5-16c-.69 0-1.25.56-1.25 1.25v8.5c0 .69.56 1.25 1.25 1.25H7.5a.75.75 0 0 1 .67.415L10 18.573l1.83-3.658l.053-.09a.75.75 0 0 1 .617-.325h2.75c.69 0 1.25-.56 1.25-1.25v-8.5c0-.69-.56-1.25-1.25-1.25zm4.147 2.515a.75.75 0 0 1 .603.735c0 1.79-.554 3.063-1.135 3.898a5.3 5.3 0 0 1-.803.915a4 4 0 0 1-.407.319l-.005.002l-.002.002a.75.75 0 0 1-.796-1.272l.038-.027c.037-.028.098-.075.173-.142c.15-.135.36-.35.572-.655a4.5 4.5 0 0 0 .498-.952l-.736.147A.75.75 0 0 1 6 8.25v-1.5l.004-.077A.75.75 0 0 1 6.75 6h2zm5 0a.75.75 0 0 1 .603.735c0 1.79-.555 3.063-1.135 3.898a5.3 5.3 0 0 1-.803.915a4 4 0 0 1-.407.319l-.005.002l-.002.002a.75.75 0 0 1-.796-1.272l.038-.027a2 2 0 0 0 .172-.142c.151-.135.36-.35.573-.655c.174-.25.348-.566.498-.952l-.735.147A.75.75 0 0 1 11 8.25v-1.5l.004-.077A.75.75 0 0 1 11.75 6h2z"/></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.327 24.504a.75.75 0 0 1 0 1.492L17.25 26H2.75a.75.75 0 0 1 0-1.5h14.5zM8.42 21H2.75a.75.75 0 0 1 0-1.5h4.919zm6.83-19A2.75 2.75 0 0 1 18 4.75v8.5A2.75 2.75 0 0 1 15.25 16h-2.286l-2.293 4.585a.75.75 0 0 1-1.342 0L7.036 16H4.75A2.75 2.75 0 0 1 2 13.25v-8.5A2.75 2.75 0 0 1 4.75 2zm10 17.5a.75.75 0 0 1 0 1.5H11.581l.75-1.5zm-20.5-16c-.69 0-1.25.56-1.25 1.25v8.5c0 .69.56 1.25 1.25 1.25H7.5a.75.75 0 0 1 .67.415L10 18.573l1.83-3.658l.053-.09a.75.75 0 0 1 .617-.325h2.75c.69 0 1.25-.56 1.25-1.25v-8.5c0-.69-.56-1.25-1.25-1.25zm4.147 2.515a.75.75 0 0 1 .603.735c0 1.79-.554 3.063-1.135 3.898a5.3 5.3 0 0 1-.803.915a4 4 0 0 1-.407.319l-.005.002l-.002.002a.75.75 0 0 1-.796-1.272l.038-.027c.037-.028.098-.075.173-.142c.15-.135.36-.35.572-.655a4.5 4.5 0 0 0 .498-.952l-.736.147A.75.75 0 0 1 6 8.25v-1.5l.004-.077A.75.75 0 0 1 6.75 6h2zm5 0a.75.75 0 0 1 .603.735c0 1.79-.555 3.063-1.135 3.898a5.3 5.3 0 0 1-.803.915a4 4 0 0 1-.407.319l-.005.002l-.002.002a.75.75 0 0 1-.796-1.272l.038-.027a2 2 0 0 0 .172-.142c.151-.135.36-.35.573-.655c.174-.25.348-.566.498-.952l-.735.147A.75.75 0 0 1 11 8.25v-1.5l.004-.077A.75.75 0 0 1 11.75 6h2z"/></svg> </template>
CSS
.icon-tooltip-quote-28-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%2028%2028%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M17.327%2024.504a.75.75%200%200%201%200%201.492L17.25%2026H2.75a.75.75%200%200%201%200-1.5h14.5zM8.42%2021H2.75a.75.75%200%200%201%200-1.5h4.919zm6.83-19A2.75%202.75%200%200%201%2018%204.75v8.5A2.75%202.75%200%200%201%2015.25%2016h-2.286l-2.293%204.585a.75.75%200%200%201-1.342%200L7.036%2016H4.75A2.75%202.75%200%200%201%202%2013.25v-8.5A2.75%202.75%200%200%201%204.75%202zm10%2017.5a.75.75%200%200%201%200%201.5H11.581l.75-1.5zm-20.5-16c-.69%200-1.25.56-1.25%201.25v8.5c0%20.69.56%201.25%201.25%201.25H7.5a.75.75%200%200%201%20.67.415L10%2018.573l1.83-3.658l.053-.09a.75.75%200%200%201%20.617-.325h2.75c.69%200%201.25-.56%201.25-1.25v-8.5c0-.69-.56-1.25-1.25-1.25zm4.147%202.515a.75.75%200%200%201%20.603.735c0%201.79-.554%203.063-1.135%203.898a5.3%205.3%200%200%201-.803.915a4%204%200%200%201-.407.319l-.005.002l-.002.002a.75.75%200%200%201-.796-1.272l.038-.027c.037-.028.098-.075.173-.142c.15-.135.36-.35.572-.655a4.5%204.5%200%200%200%20.498-.952l-.736.147A.75.75%200%200%201%206%208.25v-1.5l.004-.077A.75.75%200%200%201%206.75%206h2zm5%200a.75.75%200%200%201%20.603.735c0%201.79-.555%203.063-1.135%203.898a5.3%205.3%200%200%201-.803.915a4%204%200%200%201-.407.319l-.005.002l-.002.002a.75.75%200%200%201-.796-1.272l.038-.027a2%202%200%200%200%20.172-.142c.151-.135.36-.35.573-.655c.174-.25.348-.566.498-.952l-.735.147A.75.75%200%200%201%2011%208.25v-1.5l.004-.077A.75.75%200%200%201%2011.75%206h2z%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.327%2024.504a.75.75%200%200%201%200%201.492L17.25%2026H2.75a.75.75%200%200%201%200-1.5h14.5zM8.42%2021H2.75a.75.75%200%200%201%200-1.5h4.919zm6.83-19A2.75%202.75%200%200%201%2018%204.75v8.5A2.75%202.75%200%200%201%2015.25%2016h-2.286l-2.293%204.585a.75.75%200%200%201-1.342%200L7.036%2016H4.75A2.75%202.75%200%200%201%202%2013.25v-8.5A2.75%202.75%200%200%201%204.75%202zm10%2017.5a.75.75%200%200%201%200%201.5H11.581l.75-1.5zm-20.5-16c-.69%200-1.25.56-1.25%201.25v8.5c0%20.69.56%201.25%201.25%201.25H7.5a.75.75%200%200%201%20.67.415L10%2018.573l1.83-3.658l.053-.09a.75.75%200%200%201%20.617-.325h2.75c.69%200%201.25-.56%201.25-1.25v-8.5c0-.69-.56-1.25-1.25-1.25zm4.147%202.515a.75.75%200%200%201%20.603.735c0%201.79-.554%203.063-1.135%203.898a5.3%205.3%200%200%201-.803.915a4%204%200%200%201-.407.319l-.005.002l-.002.002a.75.75%200%200%201-.796-1.272l.038-.027c.037-.028.098-.075.173-.142c.15-.135.36-.35.572-.655a4.5%204.5%200%200%200%20.498-.952l-.736.147A.75.75%200%200%201%206%208.25v-1.5l.004-.077A.75.75%200%200%201%206.75%206h2zm5%200a.75.75%200%200%201%20.603.735c0%201.79-.555%203.063-1.135%203.898a5.3%205.3%200%200%201-.803.915a4%204%200%200%201-.407.319l-.005.002l-.002.002a.75.75%200%200%201-.796-1.272l.038-.027a2%202%200%200%200%20.172-.142c.151-.135.36-.35.573-.655c.174-.25.348-.566.498-.952l-.735.147A.75.75%200%200%201%2011%208.25v-1.5l.004-.077A.75.75%200%200%201%2011.75%206h2z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/tooltip-quote-28-regular.svg?color=%231a73e8&size=48
