quotes icon
quotes from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- quotes
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
Use the quotes 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-width="1.5"><path stroke-linejoin="round" d="M22 11.567c0 5.283-4.478 9.566-10 9.566q-.977.001-1.935-.178c-.459-.087-.688-.13-.848-.105c-.16.024-.388.145-.842.386a6.5 6.5 0 0 1-4.224.657a5.3 5.3 0 0 0 1.087-2.348c.1-.53-.148-1.045-.52-1.422C3.034 16.411 2 14.105 2 11.567C2 6.284 6.478 2 12 2s10 4.284 10 9.567Z"/><path stroke-linecap="round" d="M10.746 10c0-.943 0-1.414-.311-1.707S9.624 8 8.623 8s-1.501 0-1.812.293S6.5 9.057 6.5 10s0 1.414.31 1.707c.312.293.812.293 1.813.293s1.5 0 1.812-.293c.31-.293.31-.764.31-1.707Zm0 0v2.069c0 1.833-1.335 3.388-3.185 3.931m9.939-6c0-.943 0-1.414-.31-1.707C16.877 8 16.377 8 15.376 8s-1.5 0-1.812.293c-.31.293-.31.764-.31 1.707s0 1.414.31 1.707c.311.293.812.293 1.812.293s1.501 0 1.812-.293s.311-.764.311-1.707Zm0 0v2.069c0 1.833-1.335 3.388-3.184 3.931"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsQuotes(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" strokeWidth="1.5"><path strokeLinejoin="round" d="M22 11.567c0 5.283-4.478 9.566-10 9.566q-.977.001-1.935-.178c-.459-.087-.688-.13-.848-.105c-.16.024-.388.145-.842.386a6.5 6.5 0 0 1-4.224.657a5.3 5.3 0 0 0 1.087-2.348c.1-.53-.148-1.045-.52-1.422C3.034 16.411 2 14.105 2 11.567C2 6.284 6.478 2 12 2s10 4.284 10 9.567Z"/><path strokeLinecap="round" d="M10.746 10c0-.943 0-1.414-.311-1.707S9.624 8 8.623 8s-1.501 0-1.812.293S6.5 9.057 6.5 10s0 1.414.31 1.707c.312.293.812.293 1.813.293s1.5 0 1.812-.293c.31-.293.31-.764.31-1.707Zm0 0v2.069c0 1.833-1.335 3.388-3.185 3.931m9.939-6c0-.943 0-1.414-.31-1.707C16.877 8 16.377 8 15.376 8s-1.5 0-1.812.293c-.31.293-.31.764-.31 1.707s0 1.414.31 1.707c.311.293.812.293 1.812.293s1.501 0 1.812-.293s.311-.764.311-1.707Zm0 0v2.069c0 1.833-1.335 3.388-3.184 3.931"/></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-width="1.5"><path stroke-linejoin="round" d="M22 11.567c0 5.283-4.478 9.566-10 9.566q-.977.001-1.935-.178c-.459-.087-.688-.13-.848-.105c-.16.024-.388.145-.842.386a6.5 6.5 0 0 1-4.224.657a5.3 5.3 0 0 0 1.087-2.348c.1-.53-.148-1.045-.52-1.422C3.034 16.411 2 14.105 2 11.567C2 6.284 6.478 2 12 2s10 4.284 10 9.567Z"/><path stroke-linecap="round" d="M10.746 10c0-.943 0-1.414-.311-1.707S9.624 8 8.623 8s-1.501 0-1.812.293S6.5 9.057 6.5 10s0 1.414.31 1.707c.312.293.812.293 1.813.293s1.5 0 1.812-.293c.31-.293.31-.764.31-1.707Zm0 0v2.069c0 1.833-1.335 3.388-3.185 3.931m9.939-6c0-.943 0-1.414-.31-1.707C16.877 8 16.377 8 15.376 8s-1.5 0-1.812.293c-.31.293-.31.764-.31 1.707s0 1.414.31 1.707c.311.293.812.293 1.812.293s1.501 0 1.812-.293s.311-.764.311-1.707Zm0 0v2.069c0 1.833-1.335 3.388-3.184 3.931"/></g></svg> </template>
CSS
.icon-quotes {
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-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M22%2011.567c0%205.283-4.478%209.566-10%209.566q-.977.001-1.935-.178c-.459-.087-.688-.13-.848-.105c-.16.024-.388.145-.842.386a6.5%206.5%200%200%201-4.224.657a5.3%205.3%200%200%200%201.087-2.348c.1-.53-.148-1.045-.52-1.422C3.034%2016.411%202%2014.105%202%2011.567C2%206.284%206.478%202%2012%202s10%204.284%2010%209.567Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10.746%2010c0-.943%200-1.414-.311-1.707S9.624%208%208.623%208s-1.501%200-1.812.293S6.5%209.057%206.5%2010s0%201.414.31%201.707c.312.293.812.293%201.813.293s1.5%200%201.812-.293c.31-.293.31-.764.31-1.707Zm0%200v2.069c0%201.833-1.335%203.388-3.185%203.931m9.939-6c0-.943%200-1.414-.31-1.707C16.877%208%2016.377%208%2015.376%208s-1.5%200-1.812.293c-.31.293-.31.764-.31%201.707s0%201.414.31%201.707c.311.293.812.293%201.812.293s1.501%200%201.812-.293s.311-.764.311-1.707Zm0%200v2.069c0%201.833-1.335%203.388-3.184%203.931%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-width%3D%221.5%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M22%2011.567c0%205.283-4.478%209.566-10%209.566q-.977.001-1.935-.178c-.459-.087-.688-.13-.848-.105c-.16.024-.388.145-.842.386a6.5%206.5%200%200%201-4.224.657a5.3%205.3%200%200%200%201.087-2.348c.1-.53-.148-1.045-.52-1.422C3.034%2016.411%202%2014.105%202%2011.567C2%206.284%206.478%202%2012%202s10%204.284%2010%209.567Z%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10.746%2010c0-.943%200-1.414-.311-1.707S9.624%208%208.623%208s-1.501%200-1.812.293S6.5%209.057%206.5%2010s0%201.414.31%201.707c.312.293.812.293%201.813.293s1.5%200%201.812-.293c.31-.293.31-.764.31-1.707Zm0%200v2.069c0%201.833-1.335%203.388-3.185%203.931m9.939-6c0-.943%200-1.414-.31-1.707C16.877%208%2016.377%208%2015.376%208s-1.5%200-1.812.293c-.31.293-.31.764-.31%201.707s0%201.414.31%201.707c.311.293.812.293%201.812.293s1.501%200%201.812-.293s.311-.764.311-1.707Zm0%200v2.069c0%201.833-1.335%203.388-3.184%203.931%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/hugeicons/quotes.svg?color=%231a73e8&size=48
