quote single end icon

quote-single-end-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.

Name
quote-single-end-fill
Set
Keyline Icons
Style
Fill
Viewbox
24×24
License
MIT

7 other variants in Keyline Icons

quote-single-endquote-single-end-duotonequote-single-end-sharpquote-single-end-sharp-duotonequote-single-end-sharp-fillquote-single-end-sharp-two-tonequote-single-end-two-tone

Related icons in Keyline Icons

quote-endquote-single

Use the quote single end icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 9.5C16.5 13.3132 14.5217 16.8533 11.2741 18.8517C11.1165 18.9487 10.935 19 10.75 19C10.1977 19 9.75 18.5523 9.75 18C9.75 17.7071 9.8784 17.429 10.1012 17.239C10.6275 16.7904 10.9306 16.1336 10.9306 15.4421C10.9306 14.5984 10.4806 13.8189 9.75 13.3971C8.3577 12.5933 7.5 11.1077 7.5 9.5C7.5 7.0147 9.5147 5 12 5C14.4853 5 16.5 7.0147 16.5 9.5Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsQuoteSingleEndFill(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 9.5C16.5 13.3132 14.5217 16.8533 11.2741 18.8517C11.1165 18.9487 10.935 19 10.75 19C10.1977 19 9.75 18.5523 9.75 18C9.75 17.7071 9.8784 17.429 10.1012 17.239C10.6275 16.7904 10.9306 16.1336 10.9306 15.4421C10.9306 14.5984 10.4806 13.8189 9.75 13.3971C8.3577 12.5933 7.5 11.1077 7.5 9.5C7.5 7.0147 9.5147 5 12 5C14.4853 5 16.5 7.0147 16.5 9.5Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M16.5 9.5C16.5 13.3132 14.5217 16.8533 11.2741 18.8517C11.1165 18.9487 10.935 19 10.75 19C10.1977 19 9.75 18.5523 9.75 18C9.75 17.7071 9.8784 17.429 10.1012 17.239C10.6275 16.7904 10.9306 16.1336 10.9306 15.4421C10.9306 14.5984 10.4806 13.8189 9.75 13.3971C8.3577 12.5933 7.5 11.1077 7.5 9.5C7.5 7.0147 9.5147 5 12 5C14.4853 5 16.5 7.0147 16.5 9.5Z"/></svg>
</template>

CSS

.icon-quote-single-end-fill {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.5%209.5C16.5%2013.3132%2014.5217%2016.8533%2011.2741%2018.8517C11.1165%2018.9487%2010.935%2019%2010.75%2019C10.1977%2019%209.75%2018.5523%209.75%2018C9.75%2017.7071%209.8784%2017.429%2010.1012%2017.239C10.6275%2016.7904%2010.9306%2016.1336%2010.9306%2015.4421C10.9306%2014.5984%2010.4806%2013.8189%209.75%2013.3971C8.3577%2012.5933%207.5%2011.1077%207.5%209.5C7.5%207.0147%209.5147%205%2012%205C14.4853%205%2016.5%207.0147%2016.5%209.5Z%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M16.5%209.5C16.5%2013.3132%2014.5217%2016.8533%2011.2741%2018.8517C11.1165%2018.9487%2010.935%2019%2010.75%2019C10.1977%2019%209.75%2018.5523%209.75%2018C9.75%2017.7071%209.8784%2017.429%2010.1012%2017.239C10.6275%2016.7904%2010.9306%2016.1336%2010.9306%2015.4421C10.9306%2014.5984%2010.4806%2013.8189%209.75%2013.3971C8.3577%2012.5933%207.5%2011.1077%207.5%209.5C7.5%207.0147%209.5147%205%2012%205C14.4853%205%2016.5%207.0147%2016.5%209.5Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/keyline-icons/quote-single-end-fill.svg?color=%231a73e8&size=48