quote single icon

quote-single-two-tone from Keyline Icons by Keyline Icons · Two Tone · MIT Free for personal and commercial use.

Name: quote-single-two-tone
Set: Keyline Icons
Style: Two Tone
Viewbox: 24×24
License: MIT

7 other variants in Keyline Icons

quote-single quote-single-duotone quote-single-fill quote-single-sharp quote-single-sharp-duotone quote-single-sharp-fill quote-single-sharp-two-tone

Related icons in Keyline Icons

quote-end quote-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"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" 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" stroke="none"/><path d="M8.5 14.5C8.5 11.0341 10.2982 7.8163 13.25 6C12.5009 6.6386 12.0694 7.5735 12.0694 8.5579C12.0694 9.7588 12.71 10.8685 13.75 11.4689C14.8329 12.0941 15.5 13.2496 15.5 14.5C15.5 16.433 13.933 18 12 18C10.067 18 8.5 16.433 8.5 14.5Z"/></g></svg>

React

import type { SVGProps } from "react";

export function KeylineIconsQuoteSingleTwoTone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" strokeLinecap="round" strokeLinejoin="round" strokeWidth="2"><path fill="currentColor" fillOpacity=".4" 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" stroke="none"/><path d="M8.5 14.5C8.5 11.0341 10.2982 7.8163 13.25 6C12.5009 6.6386 12.0694 7.5735 12.0694 8.5579C12.0694 9.7588 12.71 10.8685 13.75 11.4689C14.8329 12.0941 15.5 13.2496 15.5 14.5C15.5 16.433 13.933 18 12 18C10.067 18 8.5 16.433 8.5 14.5Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" 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" stroke="none"/><path d="M8.5 14.5C8.5 11.0341 10.2982 7.8163 13.25 6C12.5009 6.6386 12.0694 7.5735 12.0694 8.5579C12.0694 9.7588 12.71 10.8685 13.75 11.4689C14.8329 12.0941 15.5 13.2496 15.5 14.5C15.5 16.433 13.933 18 12 18C10.067 18 8.5 16.433 8.5 14.5Z"/></g></svg>
</template>

CSS

.icon-quote-single-two-tone {
  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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%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%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M8.5%2014.5C8.5%2011.0341%2010.2982%207.8163%2013.25%206C12.5009%206.6386%2012.0694%207.5735%2012.0694%208.5579C12.0694%209.7588%2012.71%2010.8685%2013.75%2011.4689C14.8329%2012.0941%2015.5%2013.2496%2015.5%2014.5C15.5%2016.433%2013.933%2018%2012%2018C10.067%2018%208.5%2016.433%208.5%2014.5Z%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22none%22%20stroke%3D%22currentColor%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20stroke-width%3D%222%22%3E%3Cpath%20fill%3D%22currentColor%22%20fill-opacity%3D%22.4%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%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M8.5%2014.5C8.5%2011.0341%2010.2982%207.8163%2013.25%206C12.5009%206.6386%2012.0694%207.5735%2012.0694%208.5579C12.0694%209.7588%2012.71%2010.8685%2013.75%2011.4689C14.8329%2012.0941%2015.5%2013.2496%2015.5%2014.5C15.5%2016.433%2013.933%2018%2012%2018C10.067%2018%208.5%2016.433%208.5%2014.5Z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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