file type light prettier logo
file-type-light-prettier from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-light-prettier
- 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 prettier logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g stroke-linecap="round" stroke-width="1.33"><path stroke="#56b3b4" d="M2.45 2.45h16.3M2.45 7.87h9.48m10.8 0h1.35m-16.3 2.71h1.35M13.19 16h10.8m-21.7 2.71h5.42m-5.42 8.13H5"/><path stroke="#ea5e5e" d="M2.45 5.16h4.06m12.2 5.42h6.77M2.48 16h1.35m6.77 2.71h5.42m-13.5 10.8h6.77"/><path stroke="#f7b93e" d="M9.23 5.16h13.5m-20.3 5.42h2.71m13.5 2.71h6.77M6.41 16h4.06m-4.06 5.42h12.2m-10.8 5.42h1.35"/><path stroke="#bf85bf" d="M14.6 7.87h5.42m-17.6 5.42h6.77m9.48 5.42h4.06m-20.3 2.71h1.35m-1.35 2.71H9.2"/><path stroke="#d0d4d8" d="M21.4 2.45h8.13m-4.06 2.71h4.06m-2.71 2.71h2.71m-17.6 2.71h4.06m12.2 0h1.35m-17.6 2.71H16m12.2 0h1.35M26.84 16h2.71m-4.06 2.71h4.06m-8.13 2.71h2.71m2.71 0h2.71m-17.6 2.71h2.71m2.71 0h12.2m-17.6 2.71h5.42m2.71 0h1.35m2.71 0h5.42m-17.6 2.71h8.13m2.71 0h6.77" opacity=".5"/></g></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeLightPrettier(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g strokeLinecap="round" strokeWidth="1.33"><path stroke="#56b3b4" d="M2.45 2.45h16.3M2.45 7.87h9.48m10.8 0h1.35m-16.3 2.71h1.35M13.19 16h10.8m-21.7 2.71h5.42m-5.42 8.13H5"/><path stroke="#ea5e5e" d="M2.45 5.16h4.06m12.2 5.42h6.77M2.48 16h1.35m6.77 2.71h5.42m-13.5 10.8h6.77"/><path stroke="#f7b93e" d="M9.23 5.16h13.5m-20.3 5.42h2.71m13.5 2.71h6.77M6.41 16h4.06m-4.06 5.42h12.2m-10.8 5.42h1.35"/><path stroke="#bf85bf" d="M14.6 7.87h5.42m-17.6 5.42h6.77m9.48 5.42h4.06m-20.3 2.71h1.35m-1.35 2.71H9.2"/><path stroke="#d0d4d8" d="M21.4 2.45h8.13m-4.06 2.71h4.06m-2.71 2.71h2.71m-17.6 2.71h4.06m12.2 0h1.35m-17.6 2.71H16m12.2 0h1.35M26.84 16h2.71m-4.06 2.71h4.06m-8.13 2.71h2.71m2.71 0h2.71m-17.6 2.71h2.71m2.71 0h12.2m-17.6 2.71h5.42m2.71 0h1.35m2.71 0h5.42m-17.6 2.71h8.13m2.71 0h6.77" opacity=".5"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g stroke-linecap="round" stroke-width="1.33"><path stroke="#56b3b4" d="M2.45 2.45h16.3M2.45 7.87h9.48m10.8 0h1.35m-16.3 2.71h1.35M13.19 16h10.8m-21.7 2.71h5.42m-5.42 8.13H5"/><path stroke="#ea5e5e" d="M2.45 5.16h4.06m12.2 5.42h6.77M2.48 16h1.35m6.77 2.71h5.42m-13.5 10.8h6.77"/><path stroke="#f7b93e" d="M9.23 5.16h13.5m-20.3 5.42h2.71m13.5 2.71h6.77M6.41 16h4.06m-4.06 5.42h12.2m-10.8 5.42h1.35"/><path stroke="#bf85bf" d="M14.6 7.87h5.42m-17.6 5.42h6.77m9.48 5.42h4.06m-20.3 2.71h1.35m-1.35 2.71H9.2"/><path stroke="#d0d4d8" d="M21.4 2.45h8.13m-4.06 2.71h4.06m-2.71 2.71h2.71m-17.6 2.71h4.06m12.2 0h1.35m-17.6 2.71H16m12.2 0h1.35M26.84 16h2.71m-4.06 2.71h4.06m-8.13 2.71h2.71m2.71 0h2.71m-17.6 2.71h2.71m2.71 0h12.2m-17.6 2.71h5.42m2.71 0h1.35m2.71 0h5.42m-17.6 2.71h8.13m2.71 0h6.77" opacity=".5"/></g></svg> </template>
CSS
.icon-file-type-light-prettier {
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%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.33%22%3E%3Cpath%20stroke%3D%22%2356b3b4%22%20d%3D%22M2.45%202.45h16.3M2.45%207.87h9.48m10.8%200h1.35m-16.3%202.71h1.35M13.19%2016h10.8m-21.7%202.71h5.42m-5.42%208.13H5%22%2F%3E%3Cpath%20stroke%3D%22%23ea5e5e%22%20d%3D%22M2.45%205.16h4.06m12.2%205.42h6.77M2.48%2016h1.35m6.77%202.71h5.42m-13.5%2010.8h6.77%22%2F%3E%3Cpath%20stroke%3D%22%23f7b93e%22%20d%3D%22M9.23%205.16h13.5m-20.3%205.42h2.71m13.5%202.71h6.77M6.41%2016h4.06m-4.06%205.42h12.2m-10.8%205.42h1.35%22%2F%3E%3Cpath%20stroke%3D%22%23bf85bf%22%20d%3D%22M14.6%207.87h5.42m-17.6%205.42h6.77m9.48%205.42h4.06m-20.3%202.71h1.35m-1.35%202.71H9.2%22%2F%3E%3Cpath%20stroke%3D%22%23d0d4d8%22%20d%3D%22M21.4%202.45h8.13m-4.06%202.71h4.06m-2.71%202.71h2.71m-17.6%202.71h4.06m12.2%200h1.35m-17.6%202.71H16m12.2%200h1.35M26.84%2016h2.71m-4.06%202.71h4.06m-8.13%202.71h2.71m2.71%200h2.71m-17.6%202.71h2.71m2.71%200h12.2m-17.6%202.71h5.42m2.71%200h1.35m2.71%200h5.42m-17.6%202.71h8.13m2.71%200h6.77%22%20opacity%3D%22.5%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%20stroke-linecap%3D%22round%22%20stroke-width%3D%221.33%22%3E%3Cpath%20stroke%3D%22%2356b3b4%22%20d%3D%22M2.45%202.45h16.3M2.45%207.87h9.48m10.8%200h1.35m-16.3%202.71h1.35M13.19%2016h10.8m-21.7%202.71h5.42m-5.42%208.13H5%22%2F%3E%3Cpath%20stroke%3D%22%23ea5e5e%22%20d%3D%22M2.45%205.16h4.06m12.2%205.42h6.77M2.48%2016h1.35m6.77%202.71h5.42m-13.5%2010.8h6.77%22%2F%3E%3Cpath%20stroke%3D%22%23f7b93e%22%20d%3D%22M9.23%205.16h13.5m-20.3%205.42h2.71m13.5%202.71h6.77M6.41%2016h4.06m-4.06%205.42h12.2m-10.8%205.42h1.35%22%2F%3E%3Cpath%20stroke%3D%22%23bf85bf%22%20d%3D%22M14.6%207.87h5.42m-17.6%205.42h6.77m9.48%205.42h4.06m-20.3%202.71h1.35m-1.35%202.71H9.2%22%2F%3E%3Cpath%20stroke%3D%22%23d0d4d8%22%20d%3D%22M21.4%202.45h8.13m-4.06%202.71h4.06m-2.71%202.71h2.71m-17.6%202.71h4.06m12.2%200h1.35m-17.6%202.71H16m12.2%200h1.35M26.84%2016h2.71m-4.06%202.71h4.06m-8.13%202.71h2.71m2.71%200h2.71m-17.6%202.71h2.71m2.71%200h12.2m-17.6%202.71h5.42m2.71%200h1.35m2.71%200h5.42m-17.6%202.71h8.13m2.71%200h6.77%22%20opacity%3D%22.5%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-light-prettier.svg?color=%231a73e8&size=48
