ios folder icon

ios-folder-outline from IonIcons by Ben Sperry · Outline · MIT Free for personal and commercial use.

Name
ios-folder-outline
Set
IonIcons
Style
Outline
Viewbox
512×512
License
MIT

1 other variant in IonIcons

ios-folder

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 folder icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M457 96H215c-2.791 0-4.271-.585-6.094-2.408l-22.501-22.501-.168-.162C181.365 66.333 177.361 64 169 64H57c-13.785 0-25 10.317-25 23v336c0 13.317 11.683 25 25 25h400c12.683 0 23-11.215 23-25V119c0-13.327-9.673-23-23-23zM57 80h112c3.497 0 3.737.189 6.175 2.488l22.417 22.418c4.84 4.84 10.372 7.094 17.408 7.094h242c4.448 0 7 2.552 7 7v42.376a23.885 23.885 0 0 0-8-1.376H56c-2.805 0-5.496.488-8 1.376V87c0-4.323 4.672-7 9-7zm407 343c0 4.328-2.677 9-7 9H57c-4.458 0-9-4.542-9-9V184c0-4.411 3.589-8 8-8h400c4.411 0 8 3.589 8 8v239z" fill="currentColor"/></svg>

React

import type { SVGProps } from "react";

export function IonIosFolderOutline(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M457 96H215c-2.791 0-4.271-.585-6.094-2.408l-22.501-22.501-.168-.162C181.365 66.333 177.361 64 169 64H57c-13.785 0-25 10.317-25 23v336c0 13.317 11.683 25 25 25h400c12.683 0 23-11.215 23-25V119c0-13.327-9.673-23-23-23zM57 80h112c3.497 0 3.737.189 6.175 2.488l22.417 22.418c4.84 4.84 10.372 7.094 17.408 7.094h242c4.448 0 7 2.552 7 7v42.376a23.885 23.885 0 0 0-8-1.376H56c-2.805 0-5.496.488-8 1.376V87c0-4.323 4.672-7 9-7zm407 343c0 4.328-2.677 9-7 9H57c-4.458 0-9-4.542-9-9V184c0-4.411 3.589-8 8-8h400c4.411 0 8 3.589 8 8v239z" fill="currentColor"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path d="M457 96H215c-2.791 0-4.271-.585-6.094-2.408l-22.501-22.501-.168-.162C181.365 66.333 177.361 64 169 64H57c-13.785 0-25 10.317-25 23v336c0 13.317 11.683 25 25 25h400c12.683 0 23-11.215 23-25V119c0-13.327-9.673-23-23-23zM57 80h112c3.497 0 3.737.189 6.175 2.488l22.417 22.418c4.84 4.84 10.372 7.094 17.408 7.094h242c4.448 0 7 2.552 7 7v42.376a23.885 23.885 0 0 0-8-1.376H56c-2.805 0-5.496.488-8 1.376V87c0-4.323 4.672-7 9-7zm407 343c0 4.328-2.677 9-7 9H57c-4.458 0-9-4.542-9-9V184c0-4.411 3.589-8 8-8h400c4.411 0 8 3.589 8 8v239z" fill="currentColor"/></svg>
</template>

CSS

.icon-ios-folder-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%22M457%2096H215c-2.791%200-4.271-.585-6.094-2.408l-22.501-22.501-.168-.162C181.365%2066.333%20177.361%2064%20169%2064H57c-13.785%200-25%2010.317-25%2023v336c0%2013.317%2011.683%2025%2025%2025h400c12.683%200%2023-11.215%2023-25V119c0-13.327-9.673-23-23-23zM57%2080h112c3.497%200%203.737.189%206.175%202.488l22.417%2022.418c4.84%204.84%2010.372%207.094%2017.408%207.094h242c4.448%200%207%202.552%207%207v42.376a23.885%2023.885%200%200%200-8-1.376H56c-2.805%200-5.496.488-8%201.376V87c0-4.323%204.672-7%209-7zm407%20343c0%204.328-2.677%209-7%209H57c-4.458%200-9-4.542-9-9V184c0-4.411%203.589-8%208-8h400c4.411%200%208%203.589%208%208v239z%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%22M457%2096H215c-2.791%200-4.271-.585-6.094-2.408l-22.501-22.501-.168-.162C181.365%2066.333%20177.361%2064%20169%2064H57c-13.785%200-25%2010.317-25%2023v336c0%2013.317%2011.683%2025%2025%2025h400c12.683%200%2023-11.215%2023-25V119c0-13.327-9.673-23-23-23zM57%2080h112c3.497%200%203.737.189%206.175%202.488l22.417%2022.418c4.84%204.84%2010.372%207.094%2017.408%207.094h242c4.448%200%207%202.552%207%207v42.376a23.885%2023.885%200%200%200-8-1.376H56c-2.805%200-5.496.488-8%201.376V87c0-4.323%204.672-7%209-7zm407%20343c0%204.328-2.677%209-7%209H57c-4.458%200-9-4.542-9-9V184c0-4.411%203.589-8%208-8h400c4.411%200%208%203.589%208%208v239z%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-folder-outline.svg?color=%231a73e8&size=48

Ios Folder outline icon — IonIcons · IconsDB