quote icon

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

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

7 other variants in Keyline Icons

quotequote-duotonequote-fillquote-sharpquote-sharp-duotonequote-sharp-two-tonequote-two-tone

The same icon in other sets

quoteBootstrap IconsquoteCodiconsquote-outlineFlowbite Iconsquotecss.ggquoteHuge IconsquoteIconParkquoteIconPark OutlinequoteIconoirquoteIonIconsquoteJam IconsquoteLucidequoteOcticonsquoteRadix Iconsquote-boldSolarquoteTabler IconsquoteTDesign Iconsquote-outlineTeenyicons

Related icons in Keyline Icons

quote-endquote-singlequote-single-end

Use the quote icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M13 14.5C13 10.6868 14.9783 7.1467 18.2259 5.1483C18.3835 5.0513 18.565 5 18.75 5C19.3023 5 19.75 5.4477 19.75 6C19.75 6.2929 19.6216 6.571 19.3988 6.761C18.8725 7.2096 18.5694 7.8664 18.5694 8.5579C18.5694 9.4016 19.0194 10.1811 19.75 10.6029C21.1423 11.4067 22 12.8923 22 14.5C22 16.9853 19.9853 19 17.5 19C15.0147 19 13 16.9853 13 14.5ZM2 14.5C2 10.6868 3.9783 7.1467 7.2259 5.1483C7.3835 5.0513 7.565 5 7.75 5C8.3023 5 8.75 5.4477 8.75 6C8.75 6.2929 8.6216 6.571 8.3988 6.761C7.8725 7.2096 7.5694 7.8664 7.5694 8.5579C7.5694 9.4016 8.0194 10.1811 8.75 10.6029C10.1423 11.4067 11 12.8923 11 14.5C11 16.9853 8.9853 19 6.5 19C4.0147 19 2 16.9853 2 14.5Z"/></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsQuoteSharpFill(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="M13 14.5C13 10.6868 14.9783 7.1467 18.2259 5.1483C18.3835 5.0513 18.565 5 18.75 5C19.3023 5 19.75 5.4477 19.75 6C19.75 6.2929 19.6216 6.571 19.3988 6.761C18.8725 7.2096 18.5694 7.8664 18.5694 8.5579C18.5694 9.4016 19.0194 10.1811 19.75 10.6029C21.1423 11.4067 22 12.8923 22 14.5C22 16.9853 19.9853 19 17.5 19C15.0147 19 13 16.9853 13 14.5ZM2 14.5C2 10.6868 3.9783 7.1467 7.2259 5.1483C7.3835 5.0513 7.565 5 7.75 5C8.3023 5 8.75 5.4477 8.75 6C8.75 6.2929 8.6216 6.571 8.3988 6.761C7.8725 7.2096 7.5694 7.8664 7.5694 8.5579C7.5694 9.4016 8.0194 10.1811 8.75 10.6029C10.1423 11.4067 11 12.8923 11 14.5C11 16.9853 8.9853 19 6.5 19C4.0147 19 2 16.9853 2 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="M13 14.5C13 10.6868 14.9783 7.1467 18.2259 5.1483C18.3835 5.0513 18.565 5 18.75 5C19.3023 5 19.75 5.4477 19.75 6C19.75 6.2929 19.6216 6.571 19.3988 6.761C18.8725 7.2096 18.5694 7.8664 18.5694 8.5579C18.5694 9.4016 19.0194 10.1811 19.75 10.6029C21.1423 11.4067 22 12.8923 22 14.5C22 16.9853 19.9853 19 17.5 19C15.0147 19 13 16.9853 13 14.5ZM2 14.5C2 10.6868 3.9783 7.1467 7.2259 5.1483C7.3835 5.0513 7.565 5 7.75 5C8.3023 5 8.75 5.4477 8.75 6C8.75 6.2929 8.6216 6.571 8.3988 6.761C7.8725 7.2096 7.5694 7.8664 7.5694 8.5579C7.5694 9.4016 8.0194 10.1811 8.75 10.6029C10.1423 11.4067 11 12.8923 11 14.5C11 16.9853 8.9853 19 6.5 19C4.0147 19 2 16.9853 2 14.5Z"/></svg>
</template>

CSS

.icon-quote-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%22M13%2014.5C13%2010.6868%2014.9783%207.1467%2018.2259%205.1483C18.3835%205.0513%2018.565%205%2018.75%205C19.3023%205%2019.75%205.4477%2019.75%206C19.75%206.2929%2019.6216%206.571%2019.3988%206.761C18.8725%207.2096%2018.5694%207.8664%2018.5694%208.5579C18.5694%209.4016%2019.0194%2010.1811%2019.75%2010.6029C21.1423%2011.4067%2022%2012.8923%2022%2014.5C22%2016.9853%2019.9853%2019%2017.5%2019C15.0147%2019%2013%2016.9853%2013%2014.5ZM2%2014.5C2%2010.6868%203.9783%207.1467%207.2259%205.1483C7.3835%205.0513%207.565%205%207.75%205C8.3023%205%208.75%205.4477%208.75%206C8.75%206.2929%208.6216%206.571%208.3988%206.761C7.8725%207.2096%207.5694%207.8664%207.5694%208.5579C7.5694%209.4016%208.0194%2010.1811%208.75%2010.6029C10.1423%2011.4067%2011%2012.8923%2011%2014.5C11%2016.9853%208.9853%2019%206.5%2019C4.0147%2019%202%2016.9853%202%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%22M13%2014.5C13%2010.6868%2014.9783%207.1467%2018.2259%205.1483C18.3835%205.0513%2018.565%205%2018.75%205C19.3023%205%2019.75%205.4477%2019.75%206C19.75%206.2929%2019.6216%206.571%2019.3988%206.761C18.8725%207.2096%2018.5694%207.8664%2018.5694%208.5579C18.5694%209.4016%2019.0194%2010.1811%2019.75%2010.6029C21.1423%2011.4067%2022%2012.8923%2022%2014.5C22%2016.9853%2019.9853%2019%2017.5%2019C15.0147%2019%2013%2016.9853%2013%2014.5ZM2%2014.5C2%2010.6868%203.9783%207.1467%207.2259%205.1483C7.3835%205.0513%207.565%205%207.75%205C8.3023%205%208.75%205.4477%208.75%206C8.75%206.2929%208.6216%206.571%208.3988%206.761C7.8725%207.2096%207.5694%207.8664%207.5694%208.5579C7.5694%209.4016%208.0194%2010.1811%208.75%2010.6029C10.1423%2011.4067%2011%2012.8923%2011%2014.5C11%2016.9853%208.9853%2019%206.5%2019C4.0147%2019%202%2016.9853%202%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-sharp-fill.svg?color=%231a73e8&size=48