quote icon
quote-fill from Keyline Icons by Keyline Icons · Fill · MIT Free for personal and commercial use.
- Name
- quote-fill
- Set
- Keyline Icons
- Style
- Fill
- Viewbox
- 24×24
- License
- MIT
7 other variants in Keyline Icons
The same icon in other sets
Related icons in Keyline Icons
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 KeylineIconsQuoteFill(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-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-fill.svg?color=%231a73e8&size=48
