quote single icon

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

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

7 other variants in Keyline Icons

quote-singlequote-single-duotonequote-single-fillquote-single-sharpquote-single-sharp-duotonequote-single-sharp-two-tonequote-single-two-tone

Related icons in Keyline Icons

quote-endquote-single-end

Use the quote single icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M7.5 14.5C7.5 10.6868 9.4783 7.1467 12.7259 5.1483C12.8835 5.0513 13.065 5 13.25 5C13.8023 5 14.25 5.4477 14.25 6C14.25 6.2929 14.1216 6.571 13.8988 6.761C13.3725 7.2096 13.0694 7.8664 13.0694 8.5579C13.0694 9.4016 13.5194 10.1811 14.25 10.6029C15.6423 11.4067 16.5 12.8923 16.5 14.5C16.5 16.9853 14.4853 19 12 19C9.5147 19 7.5 16.9853 7.5 14.5Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsQuoteSingleSharpFill(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="M7.5 14.5C7.5 10.6868 9.4783 7.1467 12.7259 5.1483C12.8835 5.0513 13.065 5 13.25 5C13.8023 5 14.25 5.4477 14.25 6C14.25 6.2929 14.1216 6.571 13.8988 6.761C13.3725 7.2096 13.0694 7.8664 13.0694 8.5579C13.0694 9.4016 13.5194 10.1811 14.25 10.6029C15.6423 11.4067 16.5 12.8923 16.5 14.5C16.5 16.9853 14.4853 19 12 19C9.5147 19 7.5 16.9853 7.5 14.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="M7.5 14.5C7.5 10.6868 9.4783 7.1467 12.7259 5.1483C12.8835 5.0513 13.065 5 13.25 5C13.8023 5 14.25 5.4477 14.25 6C14.25 6.2929 14.1216 6.571 13.8988 6.761C13.3725 7.2096 13.0694 7.8664 13.0694 8.5579C13.0694 9.4016 13.5194 10.1811 14.25 10.6029C15.6423 11.4067 16.5 12.8923 16.5 14.5C16.5 16.9853 14.4853 19 12 19C9.5147 19 7.5 16.9853 7.5 14.5Z"/></svg>
</template>

CSS

.icon-quote-single-sharp-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%22M7.5%2014.5C7.5%2010.6868%209.4783%207.1467%2012.7259%205.1483C12.8835%205.0513%2013.065%205%2013.25%205C13.8023%205%2014.25%205.4477%2014.25%206C14.25%206.2929%2014.1216%206.571%2013.8988%206.761C13.3725%207.2096%2013.0694%207.8664%2013.0694%208.5579C13.0694%209.4016%2013.5194%2010.1811%2014.25%2010.6029C15.6423%2011.4067%2016.5%2012.8923%2016.5%2014.5C16.5%2016.9853%2014.4853%2019%2012%2019C9.5147%2019%207.5%2016.9853%207.5%2014.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%22M7.5%2014.5C7.5%2010.6868%209.4783%207.1467%2012.7259%205.1483C12.8835%205.0513%2013.065%205%2013.25%205C13.8023%205%2014.25%205.4477%2014.25%206C14.25%206.2929%2014.1216%206.571%2013.8988%206.761C13.3725%207.2096%2013.0694%207.8664%2013.0694%208.5579C13.0694%209.4016%2013.5194%2010.1811%2014.25%2010.6029C15.6423%2011.4067%2016.5%2012.8923%2016.5%2014.5C16.5%2016.9853%2014.4853%2019%2012%2019C9.5147%2019%207.5%2016.9853%207.5%2014.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-sharp-fill.svg?color=%231a73e8&size=48