quote single end icon
quote-single-end-two-tone from Keyline Icons by Keyline Icons · Two Tone · MIT Free for personal and commercial use.
- Name
- quote-single-end-two-tone
- Set
- Keyline Icons
- Style
- Two Tone
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
Related icons in Keyline Icons
Use the quote single end 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="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" stroke="none"/><path d="M15.5 9.5C15.5 12.9659 13.7018 16.1837 10.75 18C11.4991 17.3614 11.9306 16.4265 11.9306 15.4421C11.9306 14.2412 11.29 13.1315 10.25 12.5311C9.1671 11.9059 8.5 10.7504 8.5 9.5C8.5 7.567 10.067 6 12 6C13.933 6 15.5 7.567 15.5 9.5Z"/></g></svg>
React
import type { SVGProps } from "react";
export function KeylineIconsQuoteSingleEndTwoTone(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="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" stroke="none"/><path d="M15.5 9.5C15.5 12.9659 13.7018 16.1837 10.75 18C11.4991 17.3614 11.9306 16.4265 11.9306 15.4421C11.9306 14.2412 11.29 13.1315 10.25 12.5311C9.1671 11.9059 8.5 10.7504 8.5 9.5C8.5 7.567 10.067 6 12 6C13.933 6 15.5 7.567 15.5 9.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="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" stroke="none"/><path d="M15.5 9.5C15.5 12.9659 13.7018 16.1837 10.75 18C11.4991 17.3614 11.9306 16.4265 11.9306 15.4421C11.9306 14.2412 11.29 13.1315 10.25 12.5311C9.1671 11.9059 8.5 10.7504 8.5 9.5C8.5 7.567 10.067 6 12 6C13.933 6 15.5 7.567 15.5 9.5Z"/></g></svg> </template>
CSS
.icon-quote-single-end-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%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%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M15.5%209.5C15.5%2012.9659%2013.7018%2016.1837%2010.75%2018C11.4991%2017.3614%2011.9306%2016.4265%2011.9306%2015.4421C11.9306%2014.2412%2011.29%2013.1315%2010.25%2012.5311C9.1671%2011.9059%208.5%2010.7504%208.5%209.5C8.5%207.567%2010.067%206%2012%206C13.933%206%2015.5%207.567%2015.5%209.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%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%20stroke%3D%22none%22%2F%3E%3Cpath%20d%3D%22M15.5%209.5C15.5%2012.9659%2013.7018%2016.1837%2010.75%2018C11.4991%2017.3614%2011.9306%2016.4265%2011.9306%2015.4421C11.9306%2014.2412%2011.29%2013.1315%2010.25%2012.5311C9.1671%2011.9059%208.5%2010.7504%208.5%209.5C8.5%207.567%2010.067%206%2012%206C13.933%206%2015.5%207.567%2015.5%209.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-end-two-tone.svg?color=%231a73e8&size=48
