file type light expo logo
file-type-light-expo from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-light-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 light 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.128 1.074l-7.112 4.018l7.348 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 d="M27.2 12.85a2.432 2.432 0 0 0-4.157.3a2.19 2.19 0 0 0 .419 2.449A3.544 3.544 0 0 0 27.2 12.85M19.976 3.4l-1.547-.849L11.693 6.3l.537.29l1.021.537L15.1 6.1l4.877-2.718Zm.623-.258a.24.24 0 0 1 .172.161l2.256 6.657a.223.223 0 0 1-.107.29a4.36 4.36 0 0 0-2.106 4.985a4.61 4.61 0 0 0 4.92 3.244a.285.285 0 0 1 .28.172l2.331 6.833a.28.28 0 0 1-.108.3l-7.165 4.189a.3.3 0 0 1-.108.022a.3.3 0 0 1-.193-.032l-2.514-1.58a.25.25 0 0 1-.107-.107l-4.91-11.29l-7.477 4.254a.35.35 0 0 1-.29.011l-1.7-.967a.247.247 0 0 1-.107-.322L10.93 6.178a.26.26 0 0 1 .118-.107l7.241-4.039a.27.27 0 0 1 .258 0Zm-8.981 3.702l-.355-.182l-7 13.332l1.278.72l6.038-7.9a.3.3 0 0 1 .247-.108a.3.3 0 0 1 .215.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.72 2.72 0 0 1 .078 3.843l-.078.078a2.932 2.932 0 0 1-4.824-1.236"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeLightExpo(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.128 1.074l-7.112 4.018l7.348 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 d="M27.2 12.85a2.432 2.432 0 0 0-4.157.3a2.19 2.19 0 0 0 .419 2.449A3.544 3.544 0 0 0 27.2 12.85M19.976 3.4l-1.547-.849L11.693 6.3l.537.29l1.021.537L15.1 6.1l4.877-2.718Zm.623-.258a.24.24 0 0 1 .172.161l2.256 6.657a.223.223 0 0 1-.107.29a4.36 4.36 0 0 0-2.106 4.985a4.61 4.61 0 0 0 4.92 3.244a.285.285 0 0 1 .28.172l2.331 6.833a.28.28 0 0 1-.108.3l-7.165 4.189a.3.3 0 0 1-.108.022a.3.3 0 0 1-.193-.032l-2.514-1.58a.25.25 0 0 1-.107-.107l-4.91-11.29l-7.477 4.254a.35.35 0 0 1-.29.011l-1.7-.967a.247.247 0 0 1-.107-.322L10.93 6.178a.26.26 0 0 1 .118-.107l7.241-4.039a.27.27 0 0 1 .258 0Zm-8.981 3.702l-.355-.182l-7 13.332l1.278.72l6.038-7.9a.3.3 0 0 1 .247-.108a.3.3 0 0 1 .215.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.72 2.72 0 0 1 .078 3.843l-.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.128 1.074l-7.112 4.018l7.348 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 d="M27.2 12.85a2.432 2.432 0 0 0-4.157.3a2.19 2.19 0 0 0 .419 2.449A3.544 3.544 0 0 0 27.2 12.85M19.976 3.4l-1.547-.849L11.693 6.3l.537.29l1.021.537L15.1 6.1l4.877-2.718Zm.623-.258a.24.24 0 0 1 .172.161l2.256 6.657a.223.223 0 0 1-.107.29a4.36 4.36 0 0 0-2.106 4.985a4.61 4.61 0 0 0 4.92 3.244a.285.285 0 0 1 .28.172l2.331 6.833a.28.28 0 0 1-.108.3l-7.165 4.189a.3.3 0 0 1-.108.022a.3.3 0 0 1-.193-.032l-2.514-1.58a.25.25 0 0 1-.107-.107l-4.91-11.29l-7.477 4.254a.35.35 0 0 1-.29.011l-1.7-.967a.247.247 0 0 1-.107-.322L10.93 6.178a.26.26 0 0 1 .118-.107l7.241-4.039a.27.27 0 0 1 .258 0Zm-8.981 3.702l-.355-.182l-7 13.332l1.278.72l6.038-7.9a.3.3 0 0 1 .247-.108a.3.3 0 0 1 .215.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.72 2.72 0 0 1 .078 3.843l-.078.078a2.932 2.932 0 0 1-4.824-1.236"/></svg> </template>
CSS
.icon-file-type-light-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.128%201.074l-7.112%204.018l7.348%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%20d%3D%22M27.2%2012.85a2.432%202.432%200%200%200-4.157.3a2.19%202.19%200%200%200%20.419%202.449A3.544%203.544%200%200%200%2027.2%2012.85M19.976%203.4l-1.547-.849L11.693%206.3l.537.29l1.021.537L15.1%206.1l4.877-2.718Zm.623-.258a.24.24%200%200%201%20.172.161l2.256%206.657a.223.223%200%200%201-.107.29a4.36%204.36%200%200%200-2.106%204.985a4.61%204.61%200%200%200%204.92%203.244a.285.285%200%200%201%20.28.172l2.331%206.833a.28.28%200%200%201-.108.3l-7.165%204.189a.3.3%200%200%201-.108.022a.3.3%200%200%201-.193-.032l-2.514-1.58a.25.25%200%200%201-.107-.107l-4.91-11.29l-7.477%204.254a.35.35%200%200%201-.29.011l-1.7-.967a.247.247%200%200%201-.107-.322L10.93%206.178a.26.26%200%200%201%20.118-.107l7.241-4.039a.27.27%200%200%201%20.258%200Zm-8.981%203.702l-.355-.182l-7%2013.332l1.278.72l6.038-7.9a.3.3%200%200%201%20.247-.108a.3.3%200%200%201%20.215.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.72%202.72%200%200%201%20.078%203.843l-.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.128%201.074l-7.112%204.018l7.348%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%20d%3D%22M27.2%2012.85a2.432%202.432%200%200%200-4.157.3a2.19%202.19%200%200%200%20.419%202.449A3.544%203.544%200%200%200%2027.2%2012.85M19.976%203.4l-1.547-.849L11.693%206.3l.537.29l1.021.537L15.1%206.1l4.877-2.718Zm.623-.258a.24.24%200%200%201%20.172.161l2.256%206.657a.223.223%200%200%201-.107.29a4.36%204.36%200%200%200-2.106%204.985a4.61%204.61%200%200%200%204.92%203.244a.285.285%200%200%201%20.28.172l2.331%206.833a.28.28%200%200%201-.108.3l-7.165%204.189a.3.3%200%200%201-.108.022a.3.3%200%200%201-.193-.032l-2.514-1.58a.25.25%200%200%201-.107-.107l-4.91-11.29l-7.477%204.254a.35.35%200%200%201-.29.011l-1.7-.967a.247.247%200%200%201-.107-.322L10.93%206.178a.26.26%200%200%201%20.118-.107l7.241-4.039a.27.27%200%200%201%20.258%200Zm-8.981%203.702l-.355-.182l-7%2013.332l1.278.72l6.038-7.9a.3.3%200%200%201%20.247-.108a.3.3%200%200%201%20.215.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.72%202.72%200%200%201%20.078%203.843l-.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-light-expo.svg?color=%231a73e8&size=48
