ios list box icon
ios-list-box from IonIcons by Ben Sperry · Regular · MIT Free for personal and commercial use.
- Name
- ios-list-box
- Set
- IonIcons
- Style
- Regular
- Viewbox
- 512×512
- License
- MIT
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 list box icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M48 82.7v346.7c0 19.1 15.5 34.7 34.7 34.7h346.7c19.1 0 34.7-15.5 34.7-34.7V82.7c0-19.1-15.5-34.7-34.7-34.7H82.7C63.5 48 48 63.5 48 82.7zm89.3 297.1c-13.1 1.7-24.1-9.3-22.4-22.4 1.1-8.9 8.3-16.1 17.2-17.2 13.1-1.7 24.1 9.3 22.4 22.4-1.1 8.9-8.3 16.1-17.2 17.2zm0-104c-13.1 1.7-24.1-9.3-22.4-22.4 1.1-8.9 8.3-16.1 17.2-17.2 13.1-1.7 24.1 9.3 22.4 22.4-1.1 8.9-8.3 16.1-17.2 17.2zm0-104c-13.1 1.7-24.1-9.3-22.4-22.4 1.1-8.9 8.3-16.1 17.2-17.2 13.1-1.7 24.1 9.3 22.4 22.4-1.1 8.9-8.3 16.1-17.2 17.2zM384.7 374h-180c-7.7 0-14-6.3-14-14s6.3-14 14-14h180c7.7 0 14 6.3 14 14s-6.3 14-14 14zm0-104h-180c-7.7 0-14-6.3-14-14s6.3-14 14-14h180c7.7 0 14 6.3 14 14s-6.3 14-14 14zm0-104h-180c-7.7 0-14-6.3-14-14s6.3-14 14-14h180c7.7 0 14 6.3 14 14s-6.3 14-14 14z" fill="currentColor"/></svg>
React
import type { SVGProps } from "react";
export function IonIosListBox(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M48 82.7v346.7c0 19.1 15.5 34.7 34.7 34.7h346.7c19.1 0 34.7-15.5 34.7-34.7V82.7c0-19.1-15.5-34.7-34.7-34.7H82.7C63.5 48 48 63.5 48 82.7zm89.3 297.1c-13.1 1.7-24.1-9.3-22.4-22.4 1.1-8.9 8.3-16.1 17.2-17.2 13.1-1.7 24.1 9.3 22.4 22.4-1.1 8.9-8.3 16.1-17.2 17.2zm0-104c-13.1 1.7-24.1-9.3-22.4-22.4 1.1-8.9 8.3-16.1 17.2-17.2 13.1-1.7 24.1 9.3 22.4 22.4-1.1 8.9-8.3 16.1-17.2 17.2zm0-104c-13.1 1.7-24.1-9.3-22.4-22.4 1.1-8.9 8.3-16.1 17.2-17.2 13.1-1.7 24.1 9.3 22.4 22.4-1.1 8.9-8.3 16.1-17.2 17.2zM384.7 374h-180c-7.7 0-14-6.3-14-14s6.3-14 14-14h180c7.7 0 14 6.3 14 14s-6.3 14-14 14zm0-104h-180c-7.7 0-14-6.3-14-14s6.3-14 14-14h180c7.7 0 14 6.3 14 14s-6.3 14-14 14zm0-104h-180c-7.7 0-14-6.3-14-14s6.3-14 14-14h180c7.7 0 14 6.3 14 14s-6.3 14-14 14z" fill="currentColor"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M48 82.7v346.7c0 19.1 15.5 34.7 34.7 34.7h346.7c19.1 0 34.7-15.5 34.7-34.7V82.7c0-19.1-15.5-34.7-34.7-34.7H82.7C63.5 48 48 63.5 48 82.7zm89.3 297.1c-13.1 1.7-24.1-9.3-22.4-22.4 1.1-8.9 8.3-16.1 17.2-17.2 13.1-1.7 24.1 9.3 22.4 22.4-1.1 8.9-8.3 16.1-17.2 17.2zm0-104c-13.1 1.7-24.1-9.3-22.4-22.4 1.1-8.9 8.3-16.1 17.2-17.2 13.1-1.7 24.1 9.3 22.4 22.4-1.1 8.9-8.3 16.1-17.2 17.2zm0-104c-13.1 1.7-24.1-9.3-22.4-22.4 1.1-8.9 8.3-16.1 17.2-17.2 13.1-1.7 24.1 9.3 22.4 22.4-1.1 8.9-8.3 16.1-17.2 17.2zM384.7 374h-180c-7.7 0-14-6.3-14-14s6.3-14 14-14h180c7.7 0 14 6.3 14 14s-6.3 14-14 14zm0-104h-180c-7.7 0-14-6.3-14-14s6.3-14 14-14h180c7.7 0 14 6.3 14 14s-6.3 14-14 14zm0-104h-180c-7.7 0-14-6.3-14-14s6.3-14 14-14h180c7.7 0 14 6.3 14 14s-6.3 14-14 14z" fill="currentColor"/></svg> </template>
CSS
.icon-ios-list-box {
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%22M48%2082.7v346.7c0%2019.1%2015.5%2034.7%2034.7%2034.7h346.7c19.1%200%2034.7-15.5%2034.7-34.7V82.7c0-19.1-15.5-34.7-34.7-34.7H82.7C63.5%2048%2048%2063.5%2048%2082.7zm89.3%20297.1c-13.1%201.7-24.1-9.3-22.4-22.4%201.1-8.9%208.3-16.1%2017.2-17.2%2013.1-1.7%2024.1%209.3%2022.4%2022.4-1.1%208.9-8.3%2016.1-17.2%2017.2zm0-104c-13.1%201.7-24.1-9.3-22.4-22.4%201.1-8.9%208.3-16.1%2017.2-17.2%2013.1-1.7%2024.1%209.3%2022.4%2022.4-1.1%208.9-8.3%2016.1-17.2%2017.2zm0-104c-13.1%201.7-24.1-9.3-22.4-22.4%201.1-8.9%208.3-16.1%2017.2-17.2%2013.1-1.7%2024.1%209.3%2022.4%2022.4-1.1%208.9-8.3%2016.1-17.2%2017.2zM384.7%20374h-180c-7.7%200-14-6.3-14-14s6.3-14%2014-14h180c7.7%200%2014%206.3%2014%2014s-6.3%2014-14%2014zm0-104h-180c-7.7%200-14-6.3-14-14s6.3-14%2014-14h180c7.7%200%2014%206.3%2014%2014s-6.3%2014-14%2014zm0-104h-180c-7.7%200-14-6.3-14-14s6.3-14%2014-14h180c7.7%200%2014%206.3%2014%2014s-6.3%2014-14%2014z%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%22M48%2082.7v346.7c0%2019.1%2015.5%2034.7%2034.7%2034.7h346.7c19.1%200%2034.7-15.5%2034.7-34.7V82.7c0-19.1-15.5-34.7-34.7-34.7H82.7C63.5%2048%2048%2063.5%2048%2082.7zm89.3%20297.1c-13.1%201.7-24.1-9.3-22.4-22.4%201.1-8.9%208.3-16.1%2017.2-17.2%2013.1-1.7%2024.1%209.3%2022.4%2022.4-1.1%208.9-8.3%2016.1-17.2%2017.2zm0-104c-13.1%201.7-24.1-9.3-22.4-22.4%201.1-8.9%208.3-16.1%2017.2-17.2%2013.1-1.7%2024.1%209.3%2022.4%2022.4-1.1%208.9-8.3%2016.1-17.2%2017.2zm0-104c-13.1%201.7-24.1-9.3-22.4-22.4%201.1-8.9%208.3-16.1%2017.2-17.2%2013.1-1.7%2024.1%209.3%2022.4%2022.4-1.1%208.9-8.3%2016.1-17.2%2017.2zM384.7%20374h-180c-7.7%200-14-6.3-14-14s6.3-14%2014-14h180c7.7%200%2014%206.3%2014%2014s-6.3%2014-14%2014zm0-104h-180c-7.7%200-14-6.3-14-14s6.3-14%2014-14h180c7.7%200%2014%206.3%2014%2014s-6.3%2014-14%2014zm0-104h-180c-7.7%200-14-6.3-14-14s6.3-14%2014-14h180c7.7%200%2014%206.3%2014%2014s-6.3%2014-14%2014z%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-list-box.svg?color=%231a73e8&size=48
