delivery icon
delivery-broken from Solar by 480 Design · Broken · UI · CC-BY-4.0 Attribution required.
- Name
- delivery-broken
- Set
- Solar
- Style
- Broken
- Category
- UI
- Viewbox
- 24×24
- License
- CC BY 4.0
5 other variants in Solar
The same icon in other sets
More ui icons from Solar
accessibility-boldadd-boldadd-circle-boldadd-square-boldaugmented-reality-boldballoon-boldbattery-charge-boldbattery-charge-minimalistic-boldbattery-full-boldbattery-full-minimalistic-boldbattery-half-boldbattery-half-minimalistic-boldbattery-low-boldbattery-low-minimalistic-boldblocks-boldbody-boldbolt-boldbolt-circle-boldbox-boldbox-minimalistic-boldbroom-boldcat-boldcheck-circle-boldcheck-square-bold
Use the delivery 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-linecap="round" d="M19.1647 6.2358C18.6797 4.48023 18.4372 3.60244 17.7242 3.20319C17.0113 2.80394 16.1062 3.03915 14.2962 3.50955L12.3763 4.00849C10.5662 4.47889 9.66119 4.71409 9.24954 5.40562C8.8379 6.09714 9.0804 6.97492 9.56541 8.73049L10.0798 10.5926C10.5648 12.3481 10.8073 13.2259 11.5203 13.6252C12.2333 14.0244 13.1384 13.7892 14.9484 13.3188L16.8683 12.8199C18.6784 12.3495 19.5834 12.1143 19.995 11.4227C20.2212 11.0429 20.2499 10.6069 20.1495 10"/><path stroke-linecap="round" d="M8.23 15.0602L6.08 7.27014C5.89453 6.61732 5.38563 6.12036 4.7 5.92L3 5.4502"/><circle cx="8.05" cy="18.1" r="2.9"/><path stroke-linecap="round" d="M10.9199 17.36L19.9999 15"/></g></svg>
React
import type { SVGProps } from "react";
export function SolarDeliveryBroken(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 strokeLinecap="round" d="M19.1647 6.2358C18.6797 4.48023 18.4372 3.60244 17.7242 3.20319C17.0113 2.80394 16.1062 3.03915 14.2962 3.50955L12.3763 4.00849C10.5662 4.47889 9.66119 4.71409 9.24954 5.40562C8.8379 6.09714 9.0804 6.97492 9.56541 8.73049L10.0798 10.5926C10.5648 12.3481 10.8073 13.2259 11.5203 13.6252C12.2333 14.0244 13.1384 13.7892 14.9484 13.3188L16.8683 12.8199C18.6784 12.3495 19.5834 12.1143 19.995 11.4227C20.2212 11.0429 20.2499 10.6069 20.1495 10"/><path strokeLinecap="round" d="M8.23 15.0602L6.08 7.27014C5.89453 6.61732 5.38563 6.12036 4.7 5.92L3 5.4502"/><circle cx="8.05" cy="18.1" r="2.9"/><path strokeLinecap="round" d="M10.9199 17.36L19.9999 15"/></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-linecap="round" d="M19.1647 6.2358C18.6797 4.48023 18.4372 3.60244 17.7242 3.20319C17.0113 2.80394 16.1062 3.03915 14.2962 3.50955L12.3763 4.00849C10.5662 4.47889 9.66119 4.71409 9.24954 5.40562C8.8379 6.09714 9.0804 6.97492 9.56541 8.73049L10.0798 10.5926C10.5648 12.3481 10.8073 13.2259 11.5203 13.6252C12.2333 14.0244 13.1384 13.7892 14.9484 13.3188L16.8683 12.8199C18.6784 12.3495 19.5834 12.1143 19.995 11.4227C20.2212 11.0429 20.2499 10.6069 20.1495 10"/><path stroke-linecap="round" d="M8.23 15.0602L6.08 7.27014C5.89453 6.61732 5.38563 6.12036 4.7 5.92L3 5.4502"/><circle cx="8.05" cy="18.1" r="2.9"/><path stroke-linecap="round" d="M10.9199 17.36L19.9999 15"/></g></svg> </template>
CSS
.icon-delivery-broken {
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-linecap%3D%22round%22%20d%3D%22M19.1647%206.2358C18.6797%204.48023%2018.4372%203.60244%2017.7242%203.20319C17.0113%202.80394%2016.1062%203.03915%2014.2962%203.50955L12.3763%204.00849C10.5662%204.47889%209.66119%204.71409%209.24954%205.40562C8.8379%206.09714%209.0804%206.97492%209.56541%208.73049L10.0798%2010.5926C10.5648%2012.3481%2010.8073%2013.2259%2011.5203%2013.6252C12.2333%2014.0244%2013.1384%2013.7892%2014.9484%2013.3188L16.8683%2012.8199C18.6784%2012.3495%2019.5834%2012.1143%2019.995%2011.4227C20.2212%2011.0429%2020.2499%2010.6069%2020.1495%2010%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M8.23%2015.0602L6.08%207.27014C5.89453%206.61732%205.38563%206.12036%204.7%205.92L3%205.4502%22%2F%3E%3Ccircle%20cx%3D%228.05%22%20cy%3D%2218.1%22%20r%3D%222.9%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10.9199%2017.36L19.9999%2015%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-linecap%3D%22round%22%20d%3D%22M19.1647%206.2358C18.6797%204.48023%2018.4372%203.60244%2017.7242%203.20319C17.0113%202.80394%2016.1062%203.03915%2014.2962%203.50955L12.3763%204.00849C10.5662%204.47889%209.66119%204.71409%209.24954%205.40562C8.8379%206.09714%209.0804%206.97492%209.56541%208.73049L10.0798%2010.5926C10.5648%2012.3481%2010.8073%2013.2259%2011.5203%2013.6252C12.2333%2014.0244%2013.1384%2013.7892%2014.9484%2013.3188L16.8683%2012.8199C18.6784%2012.3495%2019.5834%2012.1143%2019.995%2011.4227C20.2212%2011.0429%2020.2499%2010.6069%2020.1495%2010%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M8.23%2015.0602L6.08%207.27014C5.89453%206.61732%205.38563%206.12036%204.7%205.92L3%205.4502%22%2F%3E%3Ccircle%20cx%3D%228.05%22%20cy%3D%2218.1%22%20r%3D%222.9%22%2F%3E%3Cpath%20stroke-linecap%3D%22round%22%20d%3D%22M10.9199%2017.36L19.9999%2015%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/delivery-broken.svg?color=%231a73e8&size=48
