file type light font logo
file-type-light-font from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-light-font
- 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 font logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="m12.677 17.781l-2.626-6.256l-2.694 6.256Zm6.723 6.511h-7.069v-1.365l.458-.023a1.85 1.85 0 0 0 .972-.2a.31.31 0 0 0 .145-.263a4.2 4.2 0 0 0-.419-1.4l-.812-1.931H7.322L6.4 21.259a3.3 3.3 0 0 0-.349 1.157c0 .036 0 .119.154.241a2.5 2.5 0 0 0 1.191.247l.448.033v1.354H2v-1.31l.4-.07a2.2 2.2 0 0 0 1-.318a6.3 6.3 0 0 0 1.18-2.066l5.575-13.036H11.2l5.512 13.174a5.3 5.3 0 0 0 1.049 1.835a1.96 1.96 0 0 0 1.19.4l.454.027Zm6.441-2.732v-3.985a23 23 0 0 0-2.226.97a3.85 3.85 0 0 0-1.29 1.05a2.03 2.03 0 0 0-.388 1.2a1.95 1.95 0 0 0 .491 1.362a1.49 1.49 0 0 0 1.13.544a4.14 4.14 0 0 0 2.283-1.141m-3.333 2.949a2.83 2.83 0 0 1-2.139-.893a3.2 3.2 0 0 1-.833-2.285a2.96 2.96 0 0 1 .415-1.577a5 5 0 0 1 1.791-1.625a24 24 0 0 1 3.617-1.588v-.074a2.9 2.9 0 0 0-.383-1.833a1.33 1.33 0 0 0-1.075-.412a1.16 1.16 0 0 0-.816.26a.69.69 0 0 0-.277.536l.023.646a1.62 1.62 0 0 1-.4 1.158a1.48 1.48 0 0 1-2.1-.019a1.63 1.63 0 0 1-.391-1.134a2.8 2.8 0 0 1 1.182-2.177a4.8 4.8 0 0 1 3.125-.932a5.4 5.4 0 0 1 2.508.524a2.63 2.63 0 0 1 1.213 1.346a6.4 6.4 0 0 1 .244 2.2v3.55a15 15 0 0 0 .051 1.749a.7.7 0 0 0 .054.2c.085-.078.284-.225.864-.806l.819-.828v1.967l-.1.128c-.958 1.283-1.883 1.907-2.83 1.907a1.6 1.6 0 0 1-1.257-.557a1.8 1.8 0 0 1-.358-.74a9.7 9.7 0 0 1-1.433.977a3.6 3.6 0 0 1-1.514.332"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeLightFont(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="m12.677 17.781l-2.626-6.256l-2.694 6.256Zm6.723 6.511h-7.069v-1.365l.458-.023a1.85 1.85 0 0 0 .972-.2a.31.31 0 0 0 .145-.263a4.2 4.2 0 0 0-.419-1.4l-.812-1.931H7.322L6.4 21.259a3.3 3.3 0 0 0-.349 1.157c0 .036 0 .119.154.241a2.5 2.5 0 0 0 1.191.247l.448.033v1.354H2v-1.31l.4-.07a2.2 2.2 0 0 0 1-.318a6.3 6.3 0 0 0 1.18-2.066l5.575-13.036H11.2l5.512 13.174a5.3 5.3 0 0 0 1.049 1.835a1.96 1.96 0 0 0 1.19.4l.454.027Zm6.441-2.732v-3.985a23 23 0 0 0-2.226.97a3.85 3.85 0 0 0-1.29 1.05a2.03 2.03 0 0 0-.388 1.2a1.95 1.95 0 0 0 .491 1.362a1.49 1.49 0 0 0 1.13.544a4.14 4.14 0 0 0 2.283-1.141m-3.333 2.949a2.83 2.83 0 0 1-2.139-.893a3.2 3.2 0 0 1-.833-2.285a2.96 2.96 0 0 1 .415-1.577a5 5 0 0 1 1.791-1.625a24 24 0 0 1 3.617-1.588v-.074a2.9 2.9 0 0 0-.383-1.833a1.33 1.33 0 0 0-1.075-.412a1.16 1.16 0 0 0-.816.26a.69.69 0 0 0-.277.536l.023.646a1.62 1.62 0 0 1-.4 1.158a1.48 1.48 0 0 1-2.1-.019a1.63 1.63 0 0 1-.391-1.134a2.8 2.8 0 0 1 1.182-2.177a4.8 4.8 0 0 1 3.125-.932a5.4 5.4 0 0 1 2.508.524a2.63 2.63 0 0 1 1.213 1.346a6.4 6.4 0 0 1 .244 2.2v3.55a15 15 0 0 0 .051 1.749a.7.7 0 0 0 .054.2c.085-.078.284-.225.864-.806l.819-.828v1.967l-.1.128c-.958 1.283-1.883 1.907-2.83 1.907a1.6 1.6 0 0 1-1.257-.557a1.8 1.8 0 0 1-.358-.74a9.7 9.7 0 0 1-1.433.977a3.6 3.6 0 0 1-1.514.332"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="m12.677 17.781l-2.626-6.256l-2.694 6.256Zm6.723 6.511h-7.069v-1.365l.458-.023a1.85 1.85 0 0 0 .972-.2a.31.31 0 0 0 .145-.263a4.2 4.2 0 0 0-.419-1.4l-.812-1.931H7.322L6.4 21.259a3.3 3.3 0 0 0-.349 1.157c0 .036 0 .119.154.241a2.5 2.5 0 0 0 1.191.247l.448.033v1.354H2v-1.31l.4-.07a2.2 2.2 0 0 0 1-.318a6.3 6.3 0 0 0 1.18-2.066l5.575-13.036H11.2l5.512 13.174a5.3 5.3 0 0 0 1.049 1.835a1.96 1.96 0 0 0 1.19.4l.454.027Zm6.441-2.732v-3.985a23 23 0 0 0-2.226.97a3.85 3.85 0 0 0-1.29 1.05a2.03 2.03 0 0 0-.388 1.2a1.95 1.95 0 0 0 .491 1.362a1.49 1.49 0 0 0 1.13.544a4.14 4.14 0 0 0 2.283-1.141m-3.333 2.949a2.83 2.83 0 0 1-2.139-.893a3.2 3.2 0 0 1-.833-2.285a2.96 2.96 0 0 1 .415-1.577a5 5 0 0 1 1.791-1.625a24 24 0 0 1 3.617-1.588v-.074a2.9 2.9 0 0 0-.383-1.833a1.33 1.33 0 0 0-1.075-.412a1.16 1.16 0 0 0-.816.26a.69.69 0 0 0-.277.536l.023.646a1.62 1.62 0 0 1-.4 1.158a1.48 1.48 0 0 1-2.1-.019a1.63 1.63 0 0 1-.391-1.134a2.8 2.8 0 0 1 1.182-2.177a4.8 4.8 0 0 1 3.125-.932a5.4 5.4 0 0 1 2.508.524a2.63 2.63 0 0 1 1.213 1.346a6.4 6.4 0 0 1 .244 2.2v3.55a15 15 0 0 0 .051 1.749a.7.7 0 0 0 .054.2c.085-.078.284-.225.864-.806l.819-.828v1.967l-.1.128c-.958 1.283-1.883 1.907-2.83 1.907a1.6 1.6 0 0 1-1.257-.557a1.8 1.8 0 0 1-.358-.74a9.7 9.7 0 0 1-1.433.977a3.6 3.6 0 0 1-1.514.332"/></svg> </template>
CSS
.icon-file-type-light-font {
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%20d%3D%22m12.677%2017.781l-2.626-6.256l-2.694%206.256Zm6.723%206.511h-7.069v-1.365l.458-.023a1.85%201.85%200%200%200%20.972-.2a.31.31%200%200%200%20.145-.263a4.2%204.2%200%200%200-.419-1.4l-.812-1.931H7.322L6.4%2021.259a3.3%203.3%200%200%200-.349%201.157c0%20.036%200%20.119.154.241a2.5%202.5%200%200%200%201.191.247l.448.033v1.354H2v-1.31l.4-.07a2.2%202.2%200%200%200%201-.318a6.3%206.3%200%200%200%201.18-2.066l5.575-13.036H11.2l5.512%2013.174a5.3%205.3%200%200%200%201.049%201.835a1.96%201.96%200%200%200%201.19.4l.454.027Zm6.441-2.732v-3.985a23%2023%200%200%200-2.226.97a3.85%203.85%200%200%200-1.29%201.05a2.03%202.03%200%200%200-.388%201.2a1.95%201.95%200%200%200%20.491%201.362a1.49%201.49%200%200%200%201.13.544a4.14%204.14%200%200%200%202.283-1.141m-3.333%202.949a2.83%202.83%200%200%201-2.139-.893a3.2%203.2%200%200%201-.833-2.285a2.96%202.96%200%200%201%20.415-1.577a5%205%200%200%201%201.791-1.625a24%2024%200%200%201%203.617-1.588v-.074a2.9%202.9%200%200%200-.383-1.833a1.33%201.33%200%200%200-1.075-.412a1.16%201.16%200%200%200-.816.26a.69.69%200%200%200-.277.536l.023.646a1.62%201.62%200%200%201-.4%201.158a1.48%201.48%200%200%201-2.1-.019a1.63%201.63%200%200%201-.391-1.134a2.8%202.8%200%200%201%201.182-2.177a4.8%204.8%200%200%201%203.125-.932a5.4%205.4%200%200%201%202.508.524a2.63%202.63%200%200%201%201.213%201.346a6.4%206.4%200%200%201%20.244%202.2v3.55a15%2015%200%200%200%20.051%201.749a.7.7%200%200%200%20.054.2c.085-.078.284-.225.864-.806l.819-.828v1.967l-.1.128c-.958%201.283-1.883%201.907-2.83%201.907a1.6%201.6%200%200%201-1.257-.557a1.8%201.8%200%200%201-.358-.74a9.7%209.7%200%200%201-1.433.977a3.6%203.6%200%200%201-1.514.332%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%20d%3D%22m12.677%2017.781l-2.626-6.256l-2.694%206.256Zm6.723%206.511h-7.069v-1.365l.458-.023a1.85%201.85%200%200%200%20.972-.2a.31.31%200%200%200%20.145-.263a4.2%204.2%200%200%200-.419-1.4l-.812-1.931H7.322L6.4%2021.259a3.3%203.3%200%200%200-.349%201.157c0%20.036%200%20.119.154.241a2.5%202.5%200%200%200%201.191.247l.448.033v1.354H2v-1.31l.4-.07a2.2%202.2%200%200%200%201-.318a6.3%206.3%200%200%200%201.18-2.066l5.575-13.036H11.2l5.512%2013.174a5.3%205.3%200%200%200%201.049%201.835a1.96%201.96%200%200%200%201.19.4l.454.027Zm6.441-2.732v-3.985a23%2023%200%200%200-2.226.97a3.85%203.85%200%200%200-1.29%201.05a2.03%202.03%200%200%200-.388%201.2a1.95%201.95%200%200%200%20.491%201.362a1.49%201.49%200%200%200%201.13.544a4.14%204.14%200%200%200%202.283-1.141m-3.333%202.949a2.83%202.83%200%200%201-2.139-.893a3.2%203.2%200%200%201-.833-2.285a2.96%202.96%200%200%201%20.415-1.577a5%205%200%200%201%201.791-1.625a24%2024%200%200%201%203.617-1.588v-.074a2.9%202.9%200%200%200-.383-1.833a1.33%201.33%200%200%200-1.075-.412a1.16%201.16%200%200%200-.816.26a.69.69%200%200%200-.277.536l.023.646a1.62%201.62%200%200%201-.4%201.158a1.48%201.48%200%200%201-2.1-.019a1.63%201.63%200%200%201-.391-1.134a2.8%202.8%200%200%201%201.182-2.177a4.8%204.8%200%200%201%203.125-.932a5.4%205.4%200%200%201%202.508.524a2.63%202.63%200%200%201%201.213%201.346a6.4%206.4%200%200%201%20.244%202.2v3.55a15%2015%200%200%200%20.051%201.749a.7.7%200%200%200%20.054.2c.085-.078.284-.225.864-.806l.819-.828v1.967l-.1.128c-.958%201.283-1.883%201.907-2.83%201.907a1.6%201.6%200%200%201-1.257-.557a1.8%201.8%200%200%201-.358-.74a9.7%209.7%200%200%201-1.433.977a3.6%203.6%200%200%201-1.514.332%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-font.svg?color=%231a73e8&size=48
