text quote opening icon
text-quote-opening-28-regular from Fluent UI System Icons by Microsoft Corporation · 28 Regular · MIT Free for personal and commercial use.
- Name
- text-quote-opening-28-regular
- Set
- Fluent UI System Icons
- Style
- 28 Regular
- Viewbox
- 28×28
- License
- MIT
9 other variants in Fluent UI System Icons
Related icons in Fluent UI System Icons
text-abc-underline-double-32-filledtext-add-20-filledtext-add-space-after-20-filledtext-add-space-before-20-filledtext-add-t-20-filledtext-align-center-16-filledtext-align-center-rotate-270-16-filledtext-align-center-rotate-90-16-filledtext-align-distributed-20-filledtext-align-distributed-evenly-20-filledtext-align-distributed-vertical-20-filledtext-align-justify-20-filledtext-align-justify-low-20-filledtext-align-justify-low-90-20-filledtext-align-justify-low-rotate-270-20-filledtext-align-justify-low-rotate-90-20-filledtext-align-justify-rotate-270-20-filledtext-align-justify-rotate-90-20-filledtext-align-left-16-filledtext-align-left-rotate-270-16-filledtext-align-left-rotate-90-16-filledtext-align-right-16-filledtext-align-right-rotate-270-16-filledtext-align-right-rotate-90-16-filled
Use the text quote opening icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M19.254 23a3.75 3.75 0 0 1-3.747-3.666l-.006-.084a16.4 16.4 0 0 1 2.621-8.969a15.7 15.7 0 0 1 1.808-2.306a12 12 0 0 1 .782-.75l.07-.058l.003-.003a.75.75 0 1 1 .937 1.172l-.005.005l-.033.027q-.047.04-.141.124a10 10 0 0 0-.527.518a14 14 0 0 0-1.633 2.084a14.8 14.8 0 0 0-2.042 4.931A3.75 3.75 0 1 1 19.254 23m-10.5 0a3.75 3.75 0 0 1-3.747-3.666L5 19.25a16.4 16.4 0 0 1 2.621-8.969A15.7 15.7 0 0 1 9.43 7.975a12 12 0 0 1 .782-.75l.07-.058l.003-.003a.75.75 0 1 1 .937 1.172l-.005.005l-.033.027q-.047.04-.141.124a10 10 0 0 0-.527.518a14 14 0 0 0-1.633 2.084a14.8 14.8 0 0 0-2.042 4.931A3.75 3.75 0 1 1 8.754 23m10.5-1.5a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m-10.5 0a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"/></svg>
React
import type { SVGProps } from "react";
export function FluentTextQuoteOpening28Regular(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="M19.254 23a3.75 3.75 0 0 1-3.747-3.666l-.006-.084a16.4 16.4 0 0 1 2.621-8.969a15.7 15.7 0 0 1 1.808-2.306a12 12 0 0 1 .782-.75l.07-.058l.003-.003a.75.75 0 1 1 .937 1.172l-.005.005l-.033.027q-.047.04-.141.124a10 10 0 0 0-.527.518a14 14 0 0 0-1.633 2.084a14.8 14.8 0 0 0-2.042 4.931A3.75 3.75 0 1 1 19.254 23m-10.5 0a3.75 3.75 0 0 1-3.747-3.666L5 19.25a16.4 16.4 0 0 1 2.621-8.969A15.7 15.7 0 0 1 9.43 7.975a12 12 0 0 1 .782-.75l.07-.058l.003-.003a.75.75 0 1 1 .937 1.172l-.005.005l-.033.027q-.047.04-.141.124a10 10 0 0 0-.527.518a14 14 0 0 0-1.633 2.084a14.8 14.8 0 0 0-2.042 4.931A3.75 3.75 0 1 1 8.754 23m10.5-1.5a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m-10.5 0a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 28 28"><path fill="currentColor" d="M19.254 23a3.75 3.75 0 0 1-3.747-3.666l-.006-.084a16.4 16.4 0 0 1 2.621-8.969a15.7 15.7 0 0 1 1.808-2.306a12 12 0 0 1 .782-.75l.07-.058l.003-.003a.75.75 0 1 1 .937 1.172l-.005.005l-.033.027q-.047.04-.141.124a10 10 0 0 0-.527.518a14 14 0 0 0-1.633 2.084a14.8 14.8 0 0 0-2.042 4.931A3.75 3.75 0 1 1 19.254 23m-10.5 0a3.75 3.75 0 0 1-3.747-3.666L5 19.25a16.4 16.4 0 0 1 2.621-8.969A15.7 15.7 0 0 1 9.43 7.975a12 12 0 0 1 .782-.75l.07-.058l.003-.003a.75.75 0 1 1 .937 1.172l-.005.005l-.033.027q-.047.04-.141.124a10 10 0 0 0-.527.518a14 14 0 0 0-1.633 2.084a14.8 14.8 0 0 0-2.042 4.931A3.75 3.75 0 1 1 8.754 23m10.5-1.5a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5m-10.5 0a2.25 2.25 0 1 0 0-4.5a2.25 2.25 0 0 0 0 4.5"/></svg> </template>
CSS
.icon-text-quote-opening-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%22M19.254%2023a3.75%203.75%200%200%201-3.747-3.666l-.006-.084a16.4%2016.4%200%200%201%202.621-8.969a15.7%2015.7%200%200%201%201.808-2.306a12%2012%200%200%201%20.782-.75l.07-.058l.003-.003a.75.75%200%201%201%20.937%201.172l-.005.005l-.033.027q-.047.04-.141.124a10%2010%200%200%200-.527.518a14%2014%200%200%200-1.633%202.084a14.8%2014.8%200%200%200-2.042%204.931A3.75%203.75%200%201%201%2019.254%2023m-10.5%200a3.75%203.75%200%200%201-3.747-3.666L5%2019.25a16.4%2016.4%200%200%201%202.621-8.969A15.7%2015.7%200%200%201%209.43%207.975a12%2012%200%200%201%20.782-.75l.07-.058l.003-.003a.75.75%200%201%201%20.937%201.172l-.005.005l-.033.027q-.047.04-.141.124a10%2010%200%200%200-.527.518a14%2014%200%200%200-1.633%202.084a14.8%2014.8%200%200%200-2.042%204.931A3.75%203.75%200%201%201%208.754%2023m10.5-1.5a2.25%202.25%200%201%200%200-4.5a2.25%202.25%200%200%200%200%204.5m-10.5%200a2.25%202.25%200%201%200%200-4.5a2.25%202.25%200%200%200%200%204.5%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%22M19.254%2023a3.75%203.75%200%200%201-3.747-3.666l-.006-.084a16.4%2016.4%200%200%201%202.621-8.969a15.7%2015.7%200%200%201%201.808-2.306a12%2012%200%200%201%20.782-.75l.07-.058l.003-.003a.75.75%200%201%201%20.937%201.172l-.005.005l-.033.027q-.047.04-.141.124a10%2010%200%200%200-.527.518a14%2014%200%200%200-1.633%202.084a14.8%2014.8%200%200%200-2.042%204.931A3.75%203.75%200%201%201%2019.254%2023m-10.5%200a3.75%203.75%200%200%201-3.747-3.666L5%2019.25a16.4%2016.4%200%200%201%202.621-8.969A15.7%2015.7%200%200%201%209.43%207.975a12%2012%200%200%201%20.782-.75l.07-.058l.003-.003a.75.75%200%201%201%20.937%201.172l-.005.005l-.033.027q-.047.04-.141.124a10%2010%200%200%200-.527.518a14%2014%200%200%200-1.633%202.084a14.8%2014.8%200%200%200-2.042%204.931A3.75%203.75%200%201%201%208.754%2023m10.5-1.5a2.25%202.25%200%201%200%200-4.5a2.25%202.25%200%200%200%200%204.5m-10.5%200a2.25%202.25%200%201%200%200-4.5a2.25%202.25%200%200%200%200%204.5%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/fluent/text-quote-opening-28-regular.svg?color=%231a73e8&size=48
