delivered sent icon
delivered-sent from Huge Icons by Hugeicons · Stroke · MIT Free for personal and commercial use.
- Name
- delivered-sent
- Set
- Huge Icons
- Style
- Stroke
- Viewbox
- 24×24
- License
- MIT
Use the delivered sent 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"><circle cx="17" cy="19" r="2"/><circle cx="7" cy="19" r="2"/><path stroke-linecap="round" stroke-linejoin="round" d="M2 9v4.947c0 2.382 0 3.573.732 4.313c.487.492 1.171.657 2.268.712M12.427 5c.913.3 1.63 1.024 1.926 1.947c.147.456.147 1.02.147 2.15c0 .752 0 1.128.098 1.432a2.01 2.01 0 0 0 1.284 1.298c.301.099.673.099 1.418.099H22v2.021c0 2.382 0 3.573-.732 4.313c-.487.492-1.171.657-2.268.712M9 19h6"/><path stroke-linecap="round" stroke-linejoin="round" d="M14.5 7h1.821c1.456 0 2.183 0 2.775.354s.938.994 1.628 2.276L22 12M7.327 8l1.486-1.174C9.604 6.2 10 5.888 10 5.5M7.327 3l1.486 1.174C9.604 4.8 10 5.112 10 5.5m0 0H2"/></g></svg>
React
import type { SVGProps } from "react";
export function HugeiconsDeliveredSent(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"><circle cx="17" cy="19" r="2"/><circle cx="7" cy="19" r="2"/><path strokeLinecap="round" strokeLinejoin="round" d="M2 9v4.947c0 2.382 0 3.573.732 4.313c.487.492 1.171.657 2.268.712M12.427 5c.913.3 1.63 1.024 1.926 1.947c.147.456.147 1.02.147 2.15c0 .752 0 1.128.098 1.432a2.01 2.01 0 0 0 1.284 1.298c.301.099.673.099 1.418.099H22v2.021c0 2.382 0 3.573-.732 4.313c-.487.492-1.171.657-2.268.712M9 19h6"/><path strokeLinecap="round" strokeLinejoin="round" d="M14.5 7h1.821c1.456 0 2.183 0 2.775.354s.938.994 1.628 2.276L22 12M7.327 8l1.486-1.174C9.604 6.2 10 5.888 10 5.5M7.327 3l1.486 1.174C9.604 4.8 10 5.112 10 5.5m0 0H2"/></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"><circle cx="17" cy="19" r="2"/><circle cx="7" cy="19" r="2"/><path stroke-linecap="round" stroke-linejoin="round" d="M2 9v4.947c0 2.382 0 3.573.732 4.313c.487.492 1.171.657 2.268.712M12.427 5c.913.3 1.63 1.024 1.926 1.947c.147.456.147 1.02.147 2.15c0 .752 0 1.128.098 1.432a2.01 2.01 0 0 0 1.284 1.298c.301.099.673.099 1.418.099H22v2.021c0 2.382 0 3.573-.732 4.313c-.487.492-1.171.657-2.268.712M9 19h6"/><path stroke-linecap="round" stroke-linejoin="round" d="M14.5 7h1.821c1.456 0 2.183 0 2.775.354s.938.994 1.628 2.276L22 12M7.327 8l1.486-1.174C9.604 6.2 10 5.888 10 5.5M7.327 3l1.486 1.174C9.604 4.8 10 5.112 10 5.5m0 0H2"/></g></svg> </template>
CSS
.icon-delivered-sent {
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%3Ccircle%20cx%3D%2217%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2%209v4.947c0%202.382%200%203.573.732%204.313c.487.492%201.171.657%202.268.712M12.427%205c.913.3%201.63%201.024%201.926%201.947c.147.456.147%201.02.147%202.15c0%20.752%200%201.128.098%201.432a2.01%202.01%200%200%200%201.284%201.298c.301.099.673.099%201.418.099H22v2.021c0%202.382%200%203.573-.732%204.313c-.487.492-1.171.657-2.268.712M9%2019h6%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.5%207h1.821c1.456%200%202.183%200%202.775.354s.938.994%201.628%202.276L22%2012M7.327%208l1.486-1.174C9.604%206.2%2010%205.888%2010%205.5M7.327%203l1.486%201.174C9.604%204.8%2010%205.112%2010%205.5m0%200H2%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%3Ccircle%20cx%3D%2217%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Ccircle%20cx%3D%227%22%20cy%3D%2219%22%20r%3D%222%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M2%209v4.947c0%202.382%200%203.573.732%204.313c.487.492%201.171.657%202.268.712M12.427%205c.913.3%201.63%201.024%201.926%201.947c.147.456.147%201.02.147%202.15c0%20.752%200%201.128.098%201.432a2.01%202.01%200%200%200%201.284%201.298c.301.099.673.099%201.418.099H22v2.021c0%202.382%200%203.573-.732%204.313c-.487.492-1.171.657-2.268.712M9%2019h6%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M14.5%207h1.821c1.456%200%202.183%200%202.775.354s.938.994%201.628%202.276L22%2012M7.327%208l1.486-1.174C9.604%206.2%2010%205.888%2010%205.5M7.327%203l1.486%201.174C9.604%204.8%2010%205.112%2010%205.5m0%200H2%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/delivered-sent.svg?color=%231a73e8&size=48
