file type expo logo
file-type-expo from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-expo
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type expo logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff" d="M3.979 20.059L11.252 6.2l7.155-3.835l2.127 1.074l-7.112 4.018l7.349 22.088l-2.364-1.375l-5.5-12.677l-7.22 5.479Z"/><ellipse cx="25.24" cy="13.967" fill="#fff" rx="2.686" ry="2.503"/><path fill="#4630eb" d="M27.2 12.85a2.433 2.433 0 0 0-4.158.3a2.19 2.19 0 0 0 .419 2.449A3.546 3.546 0 0 0 27.2 12.85M19.976 3.4l-1.547-.849L11.693 6.3l.537.29l1.02.537L15.1 6.1l4.878-2.718Zm.623-.258a.24.24 0 0 1 .172.161l2.256 6.657a.223.223 0 0 1-.108.29a4.36 4.36 0 0 0-2.105 4.985a4.61 4.61 0 0 0 4.92 3.244a.28.28 0 0 1 .279.172l2.331 6.833a.275.275 0 0 1-.107.3l-7.166 4.189a.3.3 0 0 1-.107.022a.3.3 0 0 1-.193-.032l-2.514-1.58a.25.25 0 0 1-.108-.107l-4.909-11.29l-7.478 4.254a.3.3 0 0 1-.053.022a.26.26 0 0 1-.237-.011l-1.7-.967a.247.247 0 0 1-.108-.322L10.93 6.178a.26.26 0 0 1 .118-.107l7.241-4.039a.27.27 0 0 1 .258 0Zm-8.982 3.702l-.354-.182l-7 13.332l1.279.72l6.037-7.9a.3.3 0 0 1 .248-.108a.3.3 0 0 1 .214.161l6.575 15.148l1.757 1.085l-7.058-20.633l-.3-.86l-1.407-.773Zm10.829 7.95a2.73 2.73 0 0 1 1.343-3.115a2.965 2.965 0 0 1 3.481.43a2.717 2.717 0 0 1 .078 3.843q-.037.039-.078.078a2.932 2.932 0 0 1-4.824-1.236"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeExpo(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff" d="M3.979 20.059L11.252 6.2l7.155-3.835l2.127 1.074l-7.112 4.018l7.349 22.088l-2.364-1.375l-5.5-12.677l-7.22 5.479Z"/><ellipse cx="25.24" cy="13.967" fill="#fff" rx="2.686" ry="2.503"/><path fill="#4630eb" d="M27.2 12.85a2.433 2.433 0 0 0-4.158.3a2.19 2.19 0 0 0 .419 2.449A3.546 3.546 0 0 0 27.2 12.85M19.976 3.4l-1.547-.849L11.693 6.3l.537.29l1.02.537L15.1 6.1l4.878-2.718Zm.623-.258a.24.24 0 0 1 .172.161l2.256 6.657a.223.223 0 0 1-.108.29a4.36 4.36 0 0 0-2.105 4.985a4.61 4.61 0 0 0 4.92 3.244a.28.28 0 0 1 .279.172l2.331 6.833a.275.275 0 0 1-.107.3l-7.166 4.189a.3.3 0 0 1-.107.022a.3.3 0 0 1-.193-.032l-2.514-1.58a.25.25 0 0 1-.108-.107l-4.909-11.29l-7.478 4.254a.3.3 0 0 1-.053.022a.26.26 0 0 1-.237-.011l-1.7-.967a.247.247 0 0 1-.108-.322L10.93 6.178a.26.26 0 0 1 .118-.107l7.241-4.039a.27.27 0 0 1 .258 0Zm-8.982 3.702l-.354-.182l-7 13.332l1.279.72l6.037-7.9a.3.3 0 0 1 .248-.108a.3.3 0 0 1 .214.161l6.575 15.148l1.757 1.085l-7.058-20.633l-.3-.86l-1.407-.773Zm10.829 7.95a2.73 2.73 0 0 1 1.343-3.115a2.965 2.965 0 0 1 3.481.43a2.717 2.717 0 0 1 .078 3.843q-.037.039-.078.078a2.932 2.932 0 0 1-4.824-1.236"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff" d="M3.979 20.059L11.252 6.2l7.155-3.835l2.127 1.074l-7.112 4.018l7.349 22.088l-2.364-1.375l-5.5-12.677l-7.22 5.479Z"/><ellipse cx="25.24" cy="13.967" fill="#fff" rx="2.686" ry="2.503"/><path fill="#4630eb" d="M27.2 12.85a2.433 2.433 0 0 0-4.158.3a2.19 2.19 0 0 0 .419 2.449A3.546 3.546 0 0 0 27.2 12.85M19.976 3.4l-1.547-.849L11.693 6.3l.537.29l1.02.537L15.1 6.1l4.878-2.718Zm.623-.258a.24.24 0 0 1 .172.161l2.256 6.657a.223.223 0 0 1-.108.29a4.36 4.36 0 0 0-2.105 4.985a4.61 4.61 0 0 0 4.92 3.244a.28.28 0 0 1 .279.172l2.331 6.833a.275.275 0 0 1-.107.3l-7.166 4.189a.3.3 0 0 1-.107.022a.3.3 0 0 1-.193-.032l-2.514-1.58a.25.25 0 0 1-.108-.107l-4.909-11.29l-7.478 4.254a.3.3 0 0 1-.053.022a.26.26 0 0 1-.237-.011l-1.7-.967a.247.247 0 0 1-.108-.322L10.93 6.178a.26.26 0 0 1 .118-.107l7.241-4.039a.27.27 0 0 1 .258 0Zm-8.982 3.702l-.354-.182l-7 13.332l1.279.72l6.037-7.9a.3.3 0 0 1 .248-.108a.3.3 0 0 1 .214.161l6.575 15.148l1.757 1.085l-7.058-20.633l-.3-.86l-1.407-.773Zm10.829 7.95a2.73 2.73 0 0 1 1.343-3.115a2.965 2.965 0 0 1 3.481.43a2.717 2.717 0 0 1 .078 3.843q-.037.039-.078.078a2.932 2.932 0 0 1-4.824-1.236"/></svg> </template>
CSS
.icon-file-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%23fff%22%20d%3D%22M3.979%2020.059L11.252%206.2l7.155-3.835l2.127%201.074l-7.112%204.018l7.349%2022.088l-2.364-1.375l-5.5-12.677l-7.22%205.479Z%22%2F%3E%3Cellipse%20cx%3D%2225.24%22%20cy%3D%2213.967%22%20fill%3D%22%23fff%22%20rx%3D%222.686%22%20ry%3D%222.503%22%2F%3E%3Cpath%20fill%3D%22%234630eb%22%20d%3D%22M27.2%2012.85a2.433%202.433%200%200%200-4.158.3a2.19%202.19%200%200%200%20.419%202.449A3.546%203.546%200%200%200%2027.2%2012.85M19.976%203.4l-1.547-.849L11.693%206.3l.537.29l1.02.537L15.1%206.1l4.878-2.718Zm.623-.258a.24.24%200%200%201%20.172.161l2.256%206.657a.223.223%200%200%201-.108.29a4.36%204.36%200%200%200-2.105%204.985a4.61%204.61%200%200%200%204.92%203.244a.28.28%200%200%201%20.279.172l2.331%206.833a.275.275%200%200%201-.107.3l-7.166%204.189a.3.3%200%200%201-.107.022a.3.3%200%200%201-.193-.032l-2.514-1.58a.25.25%200%200%201-.108-.107l-4.909-11.29l-7.478%204.254a.3.3%200%200%201-.053.022a.26.26%200%200%201-.237-.011l-1.7-.967a.247.247%200%200%201-.108-.322L10.93%206.178a.26.26%200%200%201%20.118-.107l7.241-4.039a.27.27%200%200%201%20.258%200Zm-8.982%203.702l-.354-.182l-7%2013.332l1.279.72l6.037-7.9a.3.3%200%200%201%20.248-.108a.3.3%200%200%201%20.214.161l6.575%2015.148l1.757%201.085l-7.058-20.633l-.3-.86l-1.407-.773Zm10.829%207.95a2.73%202.73%200%200%201%201.343-3.115a2.965%202.965%200%200%201%203.481.43a2.717%202.717%200%200%201%20.078%203.843q-.037.039-.078.078a2.932%202.932%200%200%201-4.824-1.236%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%23fff%22%20d%3D%22M3.979%2020.059L11.252%206.2l7.155-3.835l2.127%201.074l-7.112%204.018l7.349%2022.088l-2.364-1.375l-5.5-12.677l-7.22%205.479Z%22%2F%3E%3Cellipse%20cx%3D%2225.24%22%20cy%3D%2213.967%22%20fill%3D%22%23fff%22%20rx%3D%222.686%22%20ry%3D%222.503%22%2F%3E%3Cpath%20fill%3D%22%234630eb%22%20d%3D%22M27.2%2012.85a2.433%202.433%200%200%200-4.158.3a2.19%202.19%200%200%200%20.419%202.449A3.546%203.546%200%200%200%2027.2%2012.85M19.976%203.4l-1.547-.849L11.693%206.3l.537.29l1.02.537L15.1%206.1l4.878-2.718Zm.623-.258a.24.24%200%200%201%20.172.161l2.256%206.657a.223.223%200%200%201-.108.29a4.36%204.36%200%200%200-2.105%204.985a4.61%204.61%200%200%200%204.92%203.244a.28.28%200%200%201%20.279.172l2.331%206.833a.275.275%200%200%201-.107.3l-7.166%204.189a.3.3%200%200%201-.107.022a.3.3%200%200%201-.193-.032l-2.514-1.58a.25.25%200%200%201-.108-.107l-4.909-11.29l-7.478%204.254a.3.3%200%200%201-.053.022a.26.26%200%200%201-.237-.011l-1.7-.967a.247.247%200%200%201-.108-.322L10.93%206.178a.26.26%200%200%201%20.118-.107l7.241-4.039a.27.27%200%200%201%20.258%200Zm-8.982%203.702l-.354-.182l-7%2013.332l1.279.72l6.037-7.9a.3.3%200%200%201%20.248-.108a.3.3%200%200%201%20.214.161l6.575%2015.148l1.757%201.085l-7.058-20.633l-.3-.86l-1.407-.773Zm10.829%207.95a2.73%202.73%200%200%201%201.343-3.115a2.965%202.965%200%200%201%203.481.43a2.717%202.717%200%200%201%20.078%203.843q-.037.039-.078.078a2.932%202.932%200%200%201-4.824-1.236%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-expo.svg?color=%231a73e8&size=48
