file type xfl logo
file-type-xfl from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-xfl
- 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 xfl logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="#fd3316"><path d="M16.531 14.811h-2.094a.087.087 0 0 0-.087.081l-.05.657l-.003.017l-2.895 10.105a.087.087 0 0 0 .084.111h1.518a.09.09 0 0 0 .084-.064l.815-2.99a.09.09 0 0 1 .084-.064h3.08c.039 0 .074.026.084.064l.834 2.991a.09.09 0 0 0 .084.064h1.678c.058 0 .1-.056.084-.112l-3.218-10.796a.084.084 0 0 0-.082-.064m-2.165 6.199l1.134-4.63l1.2 4.63zm6.305 4.772a.087.087 0 0 1-.087-.087l.009-6.521l-.041-.884a.09.09 0 0 1 .054-.085c.299-.123 1.729-.682 3.125-.682c1.569 0 2.948.718 2.948 2.873v5.299a.087.087 0 0 1-.087.087h-1.627a.087.087 0 0 1-.087-.087v-5.324s.063-1.254-1.399-1.254c-.37 0-.85.11-1.027.162a.09.09 0 0 0-.063.084v6.332a.087.087 0 0 1-.087.087z"/><path d="M24.099 2H8.837v2.493H2.253v7.844h6.584V30h20.91V7.888zM9.126 11.173l-.695-1.775c-.02-.05-.091-.05-.11 0l-.688 1.774a.06.06 0 0 1-.055.038h-1.18a.06.06 0 0 1-.053-.085l1.298-2.659a.06.06 0 0 0 .001-.049L6.436 5.572a.06.06 0 0 1 .054-.082h1.211c.025 0 .047.016.055.039l.632 1.733a.059.059 0 0 0 .111 0l.632-1.733a.06.06 0 0 1 .057-.039h1.207c.043 0 .072.045.053.084L9.174 8.272a.06.06 0 0 0-.001.049l1.247 2.807a.06.06 0 0 1-.054.083H9.181a.06.06 0 0 1-.055-.038M28.747 29H9.837V12.337H21.56V4.493H9.837V3h13.679v5.415h5.231zM12.25 7.918h1.533c.033 0 .059.026.059.059v.979a.06.06 0 0 1-.059.059H12.25a.06.06 0 0 0-.059.059v2.077a.06.06 0 0 1-.059.059h-1.086a.06.06 0 0 1-.059-.059V5.549c0-.033.026-.059.059-.059h2.782a.06.06 0 0 1 .059.052L14 6.551a.06.06 0 0 1-.059.066H12.25a.06.06 0 0 0-.059.059v1.183a.06.06 0 0 0 .059.059m3.68 2.205h1.737c.036 0 .064.032.058.068l-.147.97a.06.06 0 0 1-.058.05h-2.814a.06.06 0 0 1-.059-.059V5.549c0-.033.026-.059.059-.059h1.106c.033 0 .059.026.059.059v4.515a.06.06 0 0 0 .059.059"/></g></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeXfl(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="#fd3316"><path d="M16.531 14.811h-2.094a.087.087 0 0 0-.087.081l-.05.657l-.003.017l-2.895 10.105a.087.087 0 0 0 .084.111h1.518a.09.09 0 0 0 .084-.064l.815-2.99a.09.09 0 0 1 .084-.064h3.08c.039 0 .074.026.084.064l.834 2.991a.09.09 0 0 0 .084.064h1.678c.058 0 .1-.056.084-.112l-3.218-10.796a.084.084 0 0 0-.082-.064m-2.165 6.199l1.134-4.63l1.2 4.63zm6.305 4.772a.087.087 0 0 1-.087-.087l.009-6.521l-.041-.884a.09.09 0 0 1 .054-.085c.299-.123 1.729-.682 3.125-.682c1.569 0 2.948.718 2.948 2.873v5.299a.087.087 0 0 1-.087.087h-1.627a.087.087 0 0 1-.087-.087v-5.324s.063-1.254-1.399-1.254c-.37 0-.85.11-1.027.162a.09.09 0 0 0-.063.084v6.332a.087.087 0 0 1-.087.087z"/><path d="M24.099 2H8.837v2.493H2.253v7.844h6.584V30h20.91V7.888zM9.126 11.173l-.695-1.775c-.02-.05-.091-.05-.11 0l-.688 1.774a.06.06 0 0 1-.055.038h-1.18a.06.06 0 0 1-.053-.085l1.298-2.659a.06.06 0 0 0 .001-.049L6.436 5.572a.06.06 0 0 1 .054-.082h1.211c.025 0 .047.016.055.039l.632 1.733a.059.059 0 0 0 .111 0l.632-1.733a.06.06 0 0 1 .057-.039h1.207c.043 0 .072.045.053.084L9.174 8.272a.06.06 0 0 0-.001.049l1.247 2.807a.06.06 0 0 1-.054.083H9.181a.06.06 0 0 1-.055-.038M28.747 29H9.837V12.337H21.56V4.493H9.837V3h13.679v5.415h5.231zM12.25 7.918h1.533c.033 0 .059.026.059.059v.979a.06.06 0 0 1-.059.059H12.25a.06.06 0 0 0-.059.059v2.077a.06.06 0 0 1-.059.059h-1.086a.06.06 0 0 1-.059-.059V5.549c0-.033.026-.059.059-.059h2.782a.06.06 0 0 1 .059.052L14 6.551a.06.06 0 0 1-.059.066H12.25a.06.06 0 0 0-.059.059v1.183a.06.06 0 0 0 .059.059m3.68 2.205h1.737c.036 0 .064.032.058.068l-.147.97a.06.06 0 0 1-.058.05h-2.814a.06.06 0 0 1-.059-.059V5.549c0-.033.026-.059.059-.059h1.106c.033 0 .059.026.059.059v4.515a.06.06 0 0 0 .059.059"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="#fd3316"><path d="M16.531 14.811h-2.094a.087.087 0 0 0-.087.081l-.05.657l-.003.017l-2.895 10.105a.087.087 0 0 0 .084.111h1.518a.09.09 0 0 0 .084-.064l.815-2.99a.09.09 0 0 1 .084-.064h3.08c.039 0 .074.026.084.064l.834 2.991a.09.09 0 0 0 .084.064h1.678c.058 0 .1-.056.084-.112l-3.218-10.796a.084.084 0 0 0-.082-.064m-2.165 6.199l1.134-4.63l1.2 4.63zm6.305 4.772a.087.087 0 0 1-.087-.087l.009-6.521l-.041-.884a.09.09 0 0 1 .054-.085c.299-.123 1.729-.682 3.125-.682c1.569 0 2.948.718 2.948 2.873v5.299a.087.087 0 0 1-.087.087h-1.627a.087.087 0 0 1-.087-.087v-5.324s.063-1.254-1.399-1.254c-.37 0-.85.11-1.027.162a.09.09 0 0 0-.063.084v6.332a.087.087 0 0 1-.087.087z"/><path d="M24.099 2H8.837v2.493H2.253v7.844h6.584V30h20.91V7.888zM9.126 11.173l-.695-1.775c-.02-.05-.091-.05-.11 0l-.688 1.774a.06.06 0 0 1-.055.038h-1.18a.06.06 0 0 1-.053-.085l1.298-2.659a.06.06 0 0 0 .001-.049L6.436 5.572a.06.06 0 0 1 .054-.082h1.211c.025 0 .047.016.055.039l.632 1.733a.059.059 0 0 0 .111 0l.632-1.733a.06.06 0 0 1 .057-.039h1.207c.043 0 .072.045.053.084L9.174 8.272a.06.06 0 0 0-.001.049l1.247 2.807a.06.06 0 0 1-.054.083H9.181a.06.06 0 0 1-.055-.038M28.747 29H9.837V12.337H21.56V4.493H9.837V3h13.679v5.415h5.231zM12.25 7.918h1.533c.033 0 .059.026.059.059v.979a.06.06 0 0 1-.059.059H12.25a.06.06 0 0 0-.059.059v2.077a.06.06 0 0 1-.059.059h-1.086a.06.06 0 0 1-.059-.059V5.549c0-.033.026-.059.059-.059h2.782a.06.06 0 0 1 .059.052L14 6.551a.06.06 0 0 1-.059.066H12.25a.06.06 0 0 0-.059.059v1.183a.06.06 0 0 0 .059.059m3.68 2.205h1.737c.036 0 .064.032.058.068l-.147.97a.06.06 0 0 1-.058.05h-2.814a.06.06 0 0 1-.059-.059V5.549c0-.033.026-.059.059-.059h1.106c.033 0 .059.026.059.059v4.515a.06.06 0 0 0 .059.059"/></g></svg> </template>
CSS
.icon-file-type-xfl {
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%3Cg%20fill%3D%22%23fd3316%22%3E%3Cpath%20d%3D%22M16.531%2014.811h-2.094a.087.087%200%200%200-.087.081l-.05.657l-.003.017l-2.895%2010.105a.087.087%200%200%200%20.084.111h1.518a.09.09%200%200%200%20.084-.064l.815-2.99a.09.09%200%200%201%20.084-.064h3.08c.039%200%20.074.026.084.064l.834%202.991a.09.09%200%200%200%20.084.064h1.678c.058%200%20.1-.056.084-.112l-3.218-10.796a.084.084%200%200%200-.082-.064m-2.165%206.199l1.134-4.63l1.2%204.63zm6.305%204.772a.087.087%200%200%201-.087-.087l.009-6.521l-.041-.884a.09.09%200%200%201%20.054-.085c.299-.123%201.729-.682%203.125-.682c1.569%200%202.948.718%202.948%202.873v5.299a.087.087%200%200%201-.087.087h-1.627a.087.087%200%200%201-.087-.087v-5.324s.063-1.254-1.399-1.254c-.37%200-.85.11-1.027.162a.09.09%200%200%200-.063.084v6.332a.087.087%200%200%201-.087.087z%22%2F%3E%3Cpath%20d%3D%22M24.099%202H8.837v2.493H2.253v7.844h6.584V30h20.91V7.888zM9.126%2011.173l-.695-1.775c-.02-.05-.091-.05-.11%200l-.688%201.774a.06.06%200%200%201-.055.038h-1.18a.06.06%200%200%201-.053-.085l1.298-2.659a.06.06%200%200%200%20.001-.049L6.436%205.572a.06.06%200%200%201%20.054-.082h1.211c.025%200%20.047.016.055.039l.632%201.733a.059.059%200%200%200%20.111%200l.632-1.733a.06.06%200%200%201%20.057-.039h1.207c.043%200%20.072.045.053.084L9.174%208.272a.06.06%200%200%200-.001.049l1.247%202.807a.06.06%200%200%201-.054.083H9.181a.06.06%200%200%201-.055-.038M28.747%2029H9.837V12.337H21.56V4.493H9.837V3h13.679v5.415h5.231zM12.25%207.918h1.533c.033%200%20.059.026.059.059v.979a.06.06%200%200%201-.059.059H12.25a.06.06%200%200%200-.059.059v2.077a.06.06%200%200%201-.059.059h-1.086a.06.06%200%200%201-.059-.059V5.549c0-.033.026-.059.059-.059h2.782a.06.06%200%200%201%20.059.052L14%206.551a.06.06%200%200%201-.059.066H12.25a.06.06%200%200%200-.059.059v1.183a.06.06%200%200%200%20.059.059m3.68%202.205h1.737c.036%200%20.064.032.058.068l-.147.97a.06.06%200%200%201-.058.05h-2.814a.06.06%200%200%201-.059-.059V5.549c0-.033.026-.059.059-.059h1.106c.033%200%20.059.026.059.059v4.515a.06.06%200%200%200%20.059.059%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22%23fd3316%22%3E%3Cpath%20d%3D%22M16.531%2014.811h-2.094a.087.087%200%200%200-.087.081l-.05.657l-.003.017l-2.895%2010.105a.087.087%200%200%200%20.084.111h1.518a.09.09%200%200%200%20.084-.064l.815-2.99a.09.09%200%200%201%20.084-.064h3.08c.039%200%20.074.026.084.064l.834%202.991a.09.09%200%200%200%20.084.064h1.678c.058%200%20.1-.056.084-.112l-3.218-10.796a.084.084%200%200%200-.082-.064m-2.165%206.199l1.134-4.63l1.2%204.63zm6.305%204.772a.087.087%200%200%201-.087-.087l.009-6.521l-.041-.884a.09.09%200%200%201%20.054-.085c.299-.123%201.729-.682%203.125-.682c1.569%200%202.948.718%202.948%202.873v5.299a.087.087%200%200%201-.087.087h-1.627a.087.087%200%200%201-.087-.087v-5.324s.063-1.254-1.399-1.254c-.37%200-.85.11-1.027.162a.09.09%200%200%200-.063.084v6.332a.087.087%200%200%201-.087.087z%22%2F%3E%3Cpath%20d%3D%22M24.099%202H8.837v2.493H2.253v7.844h6.584V30h20.91V7.888zM9.126%2011.173l-.695-1.775c-.02-.05-.091-.05-.11%200l-.688%201.774a.06.06%200%200%201-.055.038h-1.18a.06.06%200%200%201-.053-.085l1.298-2.659a.06.06%200%200%200%20.001-.049L6.436%205.572a.06.06%200%200%201%20.054-.082h1.211c.025%200%20.047.016.055.039l.632%201.733a.059.059%200%200%200%20.111%200l.632-1.733a.06.06%200%200%201%20.057-.039h1.207c.043%200%20.072.045.053.084L9.174%208.272a.06.06%200%200%200-.001.049l1.247%202.807a.06.06%200%200%201-.054.083H9.181a.06.06%200%200%201-.055-.038M28.747%2029H9.837V12.337H21.56V4.493H9.837V3h13.679v5.415h5.231zM12.25%207.918h1.533c.033%200%20.059.026.059.059v.979a.06.06%200%200%201-.059.059H12.25a.06.06%200%200%200-.059.059v2.077a.06.06%200%200%201-.059.059h-1.086a.06.06%200%200%201-.059-.059V5.549c0-.033.026-.059.059-.059h2.782a.06.06%200%200%201%20.059.052L14%206.551a.06.06%200%200%201-.059.066H12.25a.06.06%200%200%200-.059.059v1.183a.06.06%200%200%200%20.059.059m3.68%202.205h1.737c.036%200%20.064.032.058.068l-.147.97a.06.06%200%200%201-.058.05h-2.814a.06.06%200%200%201-.059-.059V5.549c0-.033.026-.059.059-.059h1.106c.033%200%20.059.026.059.059v4.515a.06.06%200%200%200%20.059.059%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-xfl.svg?color=%231a73e8&size=48
