file type gatsby logo
file-type-gatsby from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-gatsby
- 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 gatsby logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff" d="M27 16h-7v2h4.8a9.07 9.07 0 0 1-5.8 6.5L7.5 13A9 9 0 0 1 16 7a9.23 9.23 0 0 1 7.4 3.8l1.5-1.3a10.993 10.993 0 0 0-19.6 4.1l13.2 13.2A11.25 11.25 0 0 0 27 16m-22 .1a10.68 10.68 0 0 0 3.2 7.6a10.86 10.86 0 0 0 7.6 3.2Z"/><path fill="#639" d="M16 2a14 14 0 1 0 14 14A14.04 14.04 0 0 0 16 2M8.2 23.8A10.86 10.86 0 0 1 5 16.2L15.9 27a11.35 11.35 0 0 1-7.7-3.2m10.2 2.9L5.3 13.6a10.993 10.993 0 0 1 19.6-4.1l-1.5 1.3A9.23 9.23 0 0 0 16 7a9.1 9.1 0 0 0-8.5 6L19 24.5a9.07 9.07 0 0 0 5.8-6.5H20v-2h7a11.03 11.03 0 0 1-8.6 10.7"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeGatsby(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="M27 16h-7v2h4.8a9.07 9.07 0 0 1-5.8 6.5L7.5 13A9 9 0 0 1 16 7a9.23 9.23 0 0 1 7.4 3.8l1.5-1.3a10.993 10.993 0 0 0-19.6 4.1l13.2 13.2A11.25 11.25 0 0 0 27 16m-22 .1a10.68 10.68 0 0 0 3.2 7.6a10.86 10.86 0 0 0 7.6 3.2Z"/><path fill="#639" d="M16 2a14 14 0 1 0 14 14A14.04 14.04 0 0 0 16 2M8.2 23.8A10.86 10.86 0 0 1 5 16.2L15.9 27a11.35 11.35 0 0 1-7.7-3.2m10.2 2.9L5.3 13.6a10.993 10.993 0 0 1 19.6-4.1l-1.5 1.3A9.23 9.23 0 0 0 16 7a9.1 9.1 0 0 0-8.5 6L19 24.5a9.07 9.07 0 0 0 5.8-6.5H20v-2h7a11.03 11.03 0 0 1-8.6 10.7"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#fff" d="M27 16h-7v2h4.8a9.07 9.07 0 0 1-5.8 6.5L7.5 13A9 9 0 0 1 16 7a9.23 9.23 0 0 1 7.4 3.8l1.5-1.3a10.993 10.993 0 0 0-19.6 4.1l13.2 13.2A11.25 11.25 0 0 0 27 16m-22 .1a10.68 10.68 0 0 0 3.2 7.6a10.86 10.86 0 0 0 7.6 3.2Z"/><path fill="#639" d="M16 2a14 14 0 1 0 14 14A14.04 14.04 0 0 0 16 2M8.2 23.8A10.86 10.86 0 0 1 5 16.2L15.9 27a11.35 11.35 0 0 1-7.7-3.2m10.2 2.9L5.3 13.6a10.993 10.993 0 0 1 19.6-4.1l-1.5 1.3A9.23 9.23 0 0 0 16 7a9.1 9.1 0 0 0-8.5 6L19 24.5a9.07 9.07 0 0 0 5.8-6.5H20v-2h7a11.03 11.03 0 0 1-8.6 10.7"/></svg> </template>
CSS
.icon-file-type-gatsby {
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%22M27%2016h-7v2h4.8a9.07%209.07%200%200%201-5.8%206.5L7.5%2013A9%209%200%200%201%2016%207a9.23%209.23%200%200%201%207.4%203.8l1.5-1.3a10.993%2010.993%200%200%200-19.6%204.1l13.2%2013.2A11.25%2011.25%200%200%200%2027%2016m-22%20.1a10.68%2010.68%200%200%200%203.2%207.6a10.86%2010.86%200%200%200%207.6%203.2Z%22%2F%3E%3Cpath%20fill%3D%22%23639%22%20d%3D%22M16%202a14%2014%200%201%200%2014%2014A14.04%2014.04%200%200%200%2016%202M8.2%2023.8A10.86%2010.86%200%200%201%205%2016.2L15.9%2027a11.35%2011.35%200%200%201-7.7-3.2m10.2%202.9L5.3%2013.6a10.993%2010.993%200%200%201%2019.6-4.1l-1.5%201.3A9.23%209.23%200%200%200%2016%207a9.1%209.1%200%200%200-8.5%206L19%2024.5a9.07%209.07%200%200%200%205.8-6.5H20v-2h7a11.03%2011.03%200%200%201-8.6%2010.7%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%22M27%2016h-7v2h4.8a9.07%209.07%200%200%201-5.8%206.5L7.5%2013A9%209%200%200%201%2016%207a9.23%209.23%200%200%201%207.4%203.8l1.5-1.3a10.993%2010.993%200%200%200-19.6%204.1l13.2%2013.2A11.25%2011.25%200%200%200%2027%2016m-22%20.1a10.68%2010.68%200%200%200%203.2%207.6a10.86%2010.86%200%200%200%207.6%203.2Z%22%2F%3E%3Cpath%20fill%3D%22%23639%22%20d%3D%22M16%202a14%2014%200%201%200%2014%2014A14.04%2014.04%200%200%200%2016%202M8.2%2023.8A10.86%2010.86%200%200%201%205%2016.2L15.9%2027a11.35%2011.35%200%200%201-7.7-3.2m10.2%202.9L5.3%2013.6a10.993%2010.993%200%200%201%2019.6-4.1l-1.5%201.3A9.23%209.23%200%200%200%2016%207a9.1%209.1%200%200%200-8.5%206L19%2024.5a9.07%209.07%200%200%200%205.8-6.5H20v-2h7a11.03%2011.03%200%200%201-8.6%2010.7%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-gatsby.svg?color=%231a73e8&size=48
