ios trash icon
ios-trash-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- ios-trash-outline
- Set
- IonIcons
- Style
- Outline
- Viewbox
- 512×512
- License
- MIT
1 other variant in IonIcons
Related icons in IonIcons
ios-addios-add-circleios-airplaneios-alarmios-albumsios-alertios-american-footballios-americanfootballios-analyticsios-apertureios-appsios-appstoreios-archiveios-arrow-backios-arrow-downios-arrow-dropdownios-arrow-dropdown-circleios-arrow-dropleftios-arrow-dropleft-circleios-arrow-droprightios-arrow-dropright-circleios-arrow-dropupios-arrow-dropup-circleios-arrow-forward
Use the ios trash icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M400 113.3h-80v-20c0-16.2-13.1-29.3-29.3-29.3h-69.5C205.1 64 192 77.1 192 93.3v20h-80V128h21.1l23.6 290.7c0 16.2 13.1 29.3 29.3 29.3h141c16.2 0 29.3-13.1 29.3-29.3L379.6 128H400v-14.7zm-193.4-20c0-8.1 6.6-14.7 14.6-14.7h69.5c8.1 0 14.6 6.6 14.6 14.7v20h-98.7v-20zm135 324.6v.8c0 8.1-6.6 14.7-14.6 14.7H186c-8.1 0-14.6-6.6-14.6-14.7v-.8L147.7 128h217.2l-23.3 289.9z" fill="currentColor"/><path d="M249 160h14v241h-14z" fill="currentColor"/><path d="M320 160h-14.6l-10.7 241h14.6z" fill="currentColor"/><path d="M206.5 160H192l10.7 241h14.6z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosTrashOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M400 113.3h-80v-20c0-16.2-13.1-29.3-29.3-29.3h-69.5C205.1 64 192 77.1 192 93.3v20h-80V128h21.1l23.6 290.7c0 16.2 13.1 29.3 29.3 29.3h141c16.2 0 29.3-13.1 29.3-29.3L379.6 128H400v-14.7zm-193.4-20c0-8.1 6.6-14.7 14.6-14.7h69.5c8.1 0 14.6 6.6 14.6 14.7v20h-98.7v-20zm135 324.6v.8c0 8.1-6.6 14.7-14.6 14.7H186c-8.1 0-14.6-6.6-14.6-14.7v-.8L147.7 128h217.2l-23.3 289.9z" fill="currentColor"/><path d="M249 160h14v241h-14z" fill="currentColor"/><path d="M320 160h-14.6l-10.7 241h14.6z" fill="currentColor"/><path d="M206.5 160H192l10.7 241h14.6z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M400 113.3h-80v-20c0-16.2-13.1-29.3-29.3-29.3h-69.5C205.1 64 192 77.1 192 93.3v20h-80V128h21.1l23.6 290.7c0 16.2 13.1 29.3 29.3 29.3h141c16.2 0 29.3-13.1 29.3-29.3L379.6 128H400v-14.7zm-193.4-20c0-8.1 6.6-14.7 14.6-14.7h69.5c8.1 0 14.6 6.6 14.6 14.7v20h-98.7v-20zm135 324.6v.8c0 8.1-6.6 14.7-14.6 14.7H186c-8.1 0-14.6-6.6-14.6-14.7v-.8L147.7 128h217.2l-23.3 289.9z" fill="currentColor"/><path d="M249 160h14v241h-14z" fill="currentColor"/><path d="M320 160h-14.6l-10.7 241h14.6z" fill="currentColor"/><path d="M206.5 160H192l10.7 241h14.6z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-trash-outline {
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%20512%20512%22%3E%3Cpath%20d%3D%22M400%20113.3h-80v-20c0-16.2-13.1-29.3-29.3-29.3h-69.5C205.1%2064%20192%2077.1%20192%2093.3v20h-80V128h21.1l23.6%20290.7c0%2016.2%2013.1%2029.3%2029.3%2029.3h141c16.2%200%2029.3-13.1%2029.3-29.3L379.6%20128H400v-14.7zm-193.4-20c0-8.1%206.6-14.7%2014.6-14.7h69.5c8.1%200%2014.6%206.6%2014.6%2014.7v20h-98.7v-20zm135%20324.6v.8c0%208.1-6.6%2014.7-14.6%2014.7H186c-8.1%200-14.6-6.6-14.6-14.7v-.8L147.7%20128h217.2l-23.3%20289.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M249%20160h14v241h-14z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M320%20160h-14.6l-10.7%20241h14.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M206.5%20160H192l10.7%20241h14.6z%22%20fill%3D%22currentColor%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%20512%20512%22%3E%3Cpath%20d%3D%22M400%20113.3h-80v-20c0-16.2-13.1-29.3-29.3-29.3h-69.5C205.1%2064%20192%2077.1%20192%2093.3v20h-80V128h21.1l23.6%20290.7c0%2016.2%2013.1%2029.3%2029.3%2029.3h141c16.2%200%2029.3-13.1%2029.3-29.3L379.6%20128H400v-14.7zm-193.4-20c0-8.1%206.6-14.7%2014.6-14.7h69.5c8.1%200%2014.6%206.6%2014.6%2014.7v20h-98.7v-20zm135%20324.6v.8c0%208.1-6.6%2014.7-14.6%2014.7H186c-8.1%200-14.6-6.6-14.6-14.7v-.8L147.7%20128h217.2l-23.3%20289.9z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M249%20160h14v241h-14z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M320%20160h-14.6l-10.7%20241h14.6z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M206.5%20160H192l10.7%20241h14.6z%22%20fill%3D%22currentColor%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ion/ios-trash-outline.svg?color=%231a73e8&size=48
