folder type expo logo

folder-type-expo from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.

Name
folder-type-expo
Set
VSCode Icons
Style
Color
Viewbox
32×32
License
MIT

Related icons in VSCode Icons

Use the folder type expo logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#8895d1" d="M27.5 5.5h-9.3l-2.1 4.2H4.4v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z"/><path fill="#fff" d="M11.847 23.189L17.562 12.3l5.622-3.014l1.671.845l-5.588 3.157l5.774 17.354l-1.857-1.08l-4.322-9.962l-5.672 4.306Z"/><ellipse cx="28.552" cy="18.403" fill="#fff" rx="2.11" ry="1.967"/><path fill="#4630eb" d="M30.088 17.525a1.91 1.91 0 0 0-3.266.236a1.72 1.72 0 0 0 .329 1.925a2.785 2.785 0 0 0 2.937-2.161M24.416 10.1L23.2 9.43l-5.293 2.946l.422.228l.8.422l1.452-.8l3.832-2.136Zm.49-.2a.19.19 0 0 1 .135.127l1.772 5.233a.174.174 0 0 1-.084.228a3.43 3.43 0 0 0-1.654 3.912a3.62 3.62 0 0 0 3.866 2.549a.22.22 0 0 1 .219.135l1.832 5.369a.22.22 0 0 1-.085.236l-5.63 3.292a.2.2 0 0 1-.084.017a.23.23 0 0 1-.152-.025l-1.975-1.241a.2.2 0 0 1-.085-.085l-3.857-8.871l-5.875 3.342a.2.2 0 0 1-.043.017a.2.2 0 0 1-.185-.008l-1.334-.76a.193.193 0 0 1-.084-.253l5.706-10.83a.2.2 0 0 1 .091-.084l5.689-3.174a.22.22 0 0 1 .2 0Zm-7.057 2.912l-.279-.143l-5.5 10.475l1 .566l4.744-6.2a.23.23 0 0 1 .194-.085a.24.24 0 0 1 .169.127l5.166 11.9l1.384.852l-5.544-16.223l-.237-.675l-1.105-.606Zm8.509 6.247a2.14 2.14 0 0 1 1.055-2.448a2.33 2.33 0 0 1 2.735.337a2.137 2.137 0 0 1 .061 3.02l-.061.061a2.3 2.3 0 0 1-3.79-.97"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFolderTypeExpo(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#8895d1" d="M27.5 5.5h-9.3l-2.1 4.2H4.4v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z"/><path fill="#fff" d="M11.847 23.189L17.562 12.3l5.622-3.014l1.671.845l-5.588 3.157l5.774 17.354l-1.857-1.08l-4.322-9.962l-5.672 4.306Z"/><ellipse cx="28.552" cy="18.403" fill="#fff" rx="2.11" ry="1.967"/><path fill="#4630eb" d="M30.088 17.525a1.91 1.91 0 0 0-3.266.236a1.72 1.72 0 0 0 .329 1.925a2.785 2.785 0 0 0 2.937-2.161M24.416 10.1L23.2 9.43l-5.293 2.946l.422.228l.8.422l1.452-.8l3.832-2.136Zm.49-.2a.19.19 0 0 1 .135.127l1.772 5.233a.174.174 0 0 1-.084.228a3.43 3.43 0 0 0-1.654 3.912a3.62 3.62 0 0 0 3.866 2.549a.22.22 0 0 1 .219.135l1.832 5.369a.22.22 0 0 1-.085.236l-5.63 3.292a.2.2 0 0 1-.084.017a.23.23 0 0 1-.152-.025l-1.975-1.241a.2.2 0 0 1-.085-.085l-3.857-8.871l-5.875 3.342a.2.2 0 0 1-.043.017a.2.2 0 0 1-.185-.008l-1.334-.76a.193.193 0 0 1-.084-.253l5.706-10.83a.2.2 0 0 1 .091-.084l5.689-3.174a.22.22 0 0 1 .2 0Zm-7.057 2.912l-.279-.143l-5.5 10.475l1 .566l4.744-6.2a.23.23 0 0 1 .194-.085a.24.24 0 0 1 .169.127l5.166 11.9l1.384.852l-5.544-16.223l-.237-.675l-1.105-.606Zm8.509 6.247a2.14 2.14 0 0 1 1.055-2.448a2.33 2.33 0 0 1 2.735.337a2.137 2.137 0 0 1 .061 3.02l-.061.061a2.3 2.3 0 0 1-3.79-.97"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#8895d1" d="M27.5 5.5h-9.3l-2.1 4.2H4.4v16.8h25.2v-21Zm0 4.2h-8.2l1.1-2.1h7.1Z"/><path fill="#fff" d="M11.847 23.189L17.562 12.3l5.622-3.014l1.671.845l-5.588 3.157l5.774 17.354l-1.857-1.08l-4.322-9.962l-5.672 4.306Z"/><ellipse cx="28.552" cy="18.403" fill="#fff" rx="2.11" ry="1.967"/><path fill="#4630eb" d="M30.088 17.525a1.91 1.91 0 0 0-3.266.236a1.72 1.72 0 0 0 .329 1.925a2.785 2.785 0 0 0 2.937-2.161M24.416 10.1L23.2 9.43l-5.293 2.946l.422.228l.8.422l1.452-.8l3.832-2.136Zm.49-.2a.19.19 0 0 1 .135.127l1.772 5.233a.174.174 0 0 1-.084.228a3.43 3.43 0 0 0-1.654 3.912a3.62 3.62 0 0 0 3.866 2.549a.22.22 0 0 1 .219.135l1.832 5.369a.22.22 0 0 1-.085.236l-5.63 3.292a.2.2 0 0 1-.084.017a.23.23 0 0 1-.152-.025l-1.975-1.241a.2.2 0 0 1-.085-.085l-3.857-8.871l-5.875 3.342a.2.2 0 0 1-.043.017a.2.2 0 0 1-.185-.008l-1.334-.76a.193.193 0 0 1-.084-.253l5.706-10.83a.2.2 0 0 1 .091-.084l5.689-3.174a.22.22 0 0 1 .2 0Zm-7.057 2.912l-.279-.143l-5.5 10.475l1 .566l4.744-6.2a.23.23 0 0 1 .194-.085a.24.24 0 0 1 .169.127l5.166 11.9l1.384.852l-5.544-16.223l-.237-.675l-1.105-.606Zm8.509 6.247a2.14 2.14 0 0 1 1.055-2.448a2.33 2.33 0 0 1 2.735.337a2.137 2.137 0 0 1 .061 3.02l-.061.061a2.3 2.3 0 0 1-3.79-.97"/></svg>
</template>

CSS

.icon-folder-type-expo {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22%238895d1%22%20d%3D%22M27.5%205.5h-9.3l-2.1%204.2H4.4v16.8h25.2v-21Zm0%204.2h-8.2l1.1-2.1h7.1Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.847%2023.189L17.562%2012.3l5.622-3.014l1.671.845l-5.588%203.157l5.774%2017.354l-1.857-1.08l-4.322-9.962l-5.672%204.306Z%22%2F%3E%3Cellipse%20cx%3D%2228.552%22%20cy%3D%2218.403%22%20fill%3D%22%23fff%22%20rx%3D%222.11%22%20ry%3D%221.967%22%2F%3E%3Cpath%20fill%3D%22%234630eb%22%20d%3D%22M30.088%2017.525a1.91%201.91%200%200%200-3.266.236a1.72%201.72%200%200%200%20.329%201.925a2.785%202.785%200%200%200%202.937-2.161M24.416%2010.1L23.2%209.43l-5.293%202.946l.422.228l.8.422l1.452-.8l3.832-2.136Zm.49-.2a.19.19%200%200%201%20.135.127l1.772%205.233a.174.174%200%200%201-.084.228a3.43%203.43%200%200%200-1.654%203.912a3.62%203.62%200%200%200%203.866%202.549a.22.22%200%200%201%20.219.135l1.832%205.369a.22.22%200%200%201-.085.236l-5.63%203.292a.2.2%200%200%201-.084.017a.23.23%200%200%201-.152-.025l-1.975-1.241a.2.2%200%200%201-.085-.085l-3.857-8.871l-5.875%203.342a.2.2%200%200%201-.043.017a.2.2%200%200%201-.185-.008l-1.334-.76a.193.193%200%200%201-.084-.253l5.706-10.83a.2.2%200%200%201%20.091-.084l5.689-3.174a.22.22%200%200%201%20.2%200Zm-7.057%202.912l-.279-.143l-5.5%2010.475l1%20.566l4.744-6.2a.23.23%200%200%201%20.194-.085a.24.24%200%200%201%20.169.127l5.166%2011.9l1.384.852l-5.544-16.223l-.237-.675l-1.105-.606Zm8.509%206.247a2.14%202.14%200%200%201%201.055-2.448a2.33%202.33%200%200%201%202.735.337a2.137%202.137%200%200%201%20.061%203.02l-.061.061a2.3%202.3%200%200%201-3.79-.97%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%2032%2032%22%3E%3Cpath%20fill%3D%22%238895d1%22%20d%3D%22M27.5%205.5h-9.3l-2.1%204.2H4.4v16.8h25.2v-21Zm0%204.2h-8.2l1.1-2.1h7.1Z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M11.847%2023.189L17.562%2012.3l5.622-3.014l1.671.845l-5.588%203.157l5.774%2017.354l-1.857-1.08l-4.322-9.962l-5.672%204.306Z%22%2F%3E%3Cellipse%20cx%3D%2228.552%22%20cy%3D%2218.403%22%20fill%3D%22%23fff%22%20rx%3D%222.11%22%20ry%3D%221.967%22%2F%3E%3Cpath%20fill%3D%22%234630eb%22%20d%3D%22M30.088%2017.525a1.91%201.91%200%200%200-3.266.236a1.72%201.72%200%200%200%20.329%201.925a2.785%202.785%200%200%200%202.937-2.161M24.416%2010.1L23.2%209.43l-5.293%202.946l.422.228l.8.422l1.452-.8l3.832-2.136Zm.49-.2a.19.19%200%200%201%20.135.127l1.772%205.233a.174.174%200%200%201-.084.228a3.43%203.43%200%200%200-1.654%203.912a3.62%203.62%200%200%200%203.866%202.549a.22.22%200%200%201%20.219.135l1.832%205.369a.22.22%200%200%201-.085.236l-5.63%203.292a.2.2%200%200%201-.084.017a.23.23%200%200%201-.152-.025l-1.975-1.241a.2.2%200%200%201-.085-.085l-3.857-8.871l-5.875%203.342a.2.2%200%200%201-.043.017a.2.2%200%200%201-.185-.008l-1.334-.76a.193.193%200%200%201-.084-.253l5.706-10.83a.2.2%200%200%201%20.091-.084l5.689-3.174a.22.22%200%200%201%20.2%200Zm-7.057%202.912l-.279-.143l-5.5%2010.475l1%20.566l4.744-6.2a.23.23%200%200%201%20.194-.085a.24.24%200%200%201%20.169.127l5.166%2011.9l1.384.852l-5.544-16.223l-.237-.675l-1.105-.606Zm8.509%206.247a2.14%202.14%200%200%201%201.055-2.448a2.33%202.33%200%200%201%202.735.337a2.137%202.137%200%200%201%20.061%203.02l-.061.061a2.3%202.3%200%200%201-3.79-.97%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/folder-type-expo.svg?color=%231a73e8&size=48