ios cart icon
ios-cart-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.
- Name
- ios-cart-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 cart icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M160 400c-13.248 0-24 10.752-24 24s10.752 24 24 24 24-10.752 24-24-10.752-24-24-24zm0 32c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z" fill="currentColor"/><path d="M384.5 400c-13.248 0-24 10.752-24 24s10.752 24 24 24 24-10.752 24-24-10.752-24-24-24zm0 32c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z" fill="currentColor"/><path d="M448 128L123.177 95.646c-1.628-6.972-4.369-14.66-11.838-20.667C102.025 67.489 86.982 64 64 64v16.001c18.614 0 31.167 2.506 37.312 7.447 4.458 3.585 5.644 8.423 7.165 15.989l-.024.004 42.052 233.638c2.413 14.422 7.194 25.209 13.291 32.986C171.043 379.312 180.533 384 192 384h240v-16H192c-4.727 0-19.136.123-25.749-33.755l-5.429-30.16L432 256l16-128zm-29.41 114.348l-260.601 45.99-31.732-176.3 303.869 30.608-11.536 99.702z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosCartOutline(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M160 400c-13.248 0-24 10.752-24 24s10.752 24 24 24 24-10.752 24-24-10.752-24-24-24zm0 32c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z" fill="currentColor"/><path d="M384.5 400c-13.248 0-24 10.752-24 24s10.752 24 24 24 24-10.752 24-24-10.752-24-24-24zm0 32c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z" fill="currentColor"/><path d="M448 128L123.177 95.646c-1.628-6.972-4.369-14.66-11.838-20.667C102.025 67.489 86.982 64 64 64v16.001c18.614 0 31.167 2.506 37.312 7.447 4.458 3.585 5.644 8.423 7.165 15.989l-.024.004 42.052 233.638c2.413 14.422 7.194 25.209 13.291 32.986C171.043 379.312 180.533 384 192 384h240v-16H192c-4.727 0-19.136.123-25.749-33.755l-5.429-30.16L432 256l16-128zm-29.41 114.348l-260.601 45.99-31.732-176.3 303.869 30.608-11.536 99.702z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M160 400c-13.248 0-24 10.752-24 24s10.752 24 24 24 24-10.752 24-24-10.752-24-24-24zm0 32c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z" fill="currentColor"/><path d="M384.5 400c-13.248 0-24 10.752-24 24s10.752 24 24 24 24-10.752 24-24-10.752-24-24-24zm0 32c-4.411 0-8-3.589-8-8s3.589-8 8-8 8 3.589 8 8-3.589 8-8 8z" fill="currentColor"/><path d="M448 128L123.177 95.646c-1.628-6.972-4.369-14.66-11.838-20.667C102.025 67.489 86.982 64 64 64v16.001c18.614 0 31.167 2.506 37.312 7.447 4.458 3.585 5.644 8.423 7.165 15.989l-.024.004 42.052 233.638c2.413 14.422 7.194 25.209 13.291 32.986C171.043 379.312 180.533 384 192 384h240v-16H192c-4.727 0-19.136.123-25.749-33.755l-5.429-30.16L432 256l16-128zm-29.41 114.348l-260.601 45.99-31.732-176.3 303.869 30.608-11.536 99.702z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-cart-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%22M160%20400c-13.248%200-24%2010.752-24%2024s10.752%2024%2024%2024%2024-10.752%2024-24-10.752-24-24-24zm0%2032c-4.411%200-8-3.589-8-8s3.589-8%208-8%208%203.589%208%208-3.589%208-8%208z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M384.5%20400c-13.248%200-24%2010.752-24%2024s10.752%2024%2024%2024%2024-10.752%2024-24-10.752-24-24-24zm0%2032c-4.411%200-8-3.589-8-8s3.589-8%208-8%208%203.589%208%208-3.589%208-8%208z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M448%20128L123.177%2095.646c-1.628-6.972-4.369-14.66-11.838-20.667C102.025%2067.489%2086.982%2064%2064%2064v16.001c18.614%200%2031.167%202.506%2037.312%207.447%204.458%203.585%205.644%208.423%207.165%2015.989l-.024.004%2042.052%20233.638c2.413%2014.422%207.194%2025.209%2013.291%2032.986C171.043%20379.312%20180.533%20384%20192%20384h240v-16H192c-4.727%200-19.136.123-25.749-33.755l-5.429-30.16L432%20256l16-128zm-29.41%20114.348l-260.601%2045.99-31.732-176.3%20303.869%2030.608-11.536%2099.702z%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%22M160%20400c-13.248%200-24%2010.752-24%2024s10.752%2024%2024%2024%2024-10.752%2024-24-10.752-24-24-24zm0%2032c-4.411%200-8-3.589-8-8s3.589-8%208-8%208%203.589%208%208-3.589%208-8%208z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M384.5%20400c-13.248%200-24%2010.752-24%2024s10.752%2024%2024%2024%2024-10.752%2024-24-10.752-24-24-24zm0%2032c-4.411%200-8-3.589-8-8s3.589-8%208-8%208%203.589%208%208-3.589%208-8%208z%22%20fill%3D%22currentColor%22%2F%3E%3Cpath%20d%3D%22M448%20128L123.177%2095.646c-1.628-6.972-4.369-14.66-11.838-20.667C102.025%2067.489%2086.982%2064%2064%2064v16.001c18.614%200%2031.167%202.506%2037.312%207.447%204.458%203.585%205.644%208.423%207.165%2015.989l-.024.004%2042.052%20233.638c2.413%2014.422%207.194%2025.209%2013.291%2032.986C171.043%20379.312%20180.533%20384%20192%20384h240v-16H192c-4.727%200-19.136.123-25.749-33.755l-5.429-30.16L432%20256l16-128zm-29.41%20114.348l-260.601%2045.99-31.732-176.3%20303.869%2030.608-11.536%2099.702z%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-cart-outline.svg?color=%231a73e8&size=48
