file type geojson logo

file-type-geojson from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.

Name
file-type-geojson
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 geojson logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="#58a0ff"><path d="M16 30a14 14 0 1 1 14-14a14.016 14.016 0 0 1-14 14m0-26.824A12.824 12.824 0 1 0 28.824 16A12.84 12.84 0 0 0 16 3.176m.317 7.298A44.8 44.8 0 0 1 4.42 8.92l.34-1.126c.111.034 11.277 3.32 22.427 0l.335 1.127a39.4 39.4 0 0 1-11.205 1.553M4.785 23.907l-.335-1.126c11.5-3.422 22.634-.14 23.1 0l-.34 1.126c-.11-.034-11.274-3.319-22.425 0m6.683 4.857a35.45 35.45 0 0 1-.742-25.71l1.082.461A34.23 34.23 0 0 0 12.55 28.3Zm8.973 0L19.36 28.3a34.23 34.23 0 0 0 .74-24.785l1.082-.461a35.46 35.46 0 0 1-.741 25.71"/><path d="M3 15.412v1.176h26v-1.176Z"/><path d="M15.412 3h1.176v26h-1.176Z"/></g></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeGeojson(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="#58a0ff"><path d="M16 30a14 14 0 1 1 14-14a14.016 14.016 0 0 1-14 14m0-26.824A12.824 12.824 0 1 0 28.824 16A12.84 12.84 0 0 0 16 3.176m.317 7.298A44.8 44.8 0 0 1 4.42 8.92l.34-1.126c.111.034 11.277 3.32 22.427 0l.335 1.127a39.4 39.4 0 0 1-11.205 1.553M4.785 23.907l-.335-1.126c11.5-3.422 22.634-.14 23.1 0l-.34 1.126c-.11-.034-11.274-3.319-22.425 0m6.683 4.857a35.45 35.45 0 0 1-.742-25.71l1.082.461A34.23 34.23 0 0 0 12.55 28.3Zm8.973 0L19.36 28.3a34.23 34.23 0 0 0 .74-24.785l1.082-.461a35.46 35.46 0 0 1-.741 25.71"/><path d="M3 15.412v1.176h26v-1.176Z"/><path d="M15.412 3h1.176v26h-1.176Z"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="#58a0ff"><path d="M16 30a14 14 0 1 1 14-14a14.016 14.016 0 0 1-14 14m0-26.824A12.824 12.824 0 1 0 28.824 16A12.84 12.84 0 0 0 16 3.176m.317 7.298A44.8 44.8 0 0 1 4.42 8.92l.34-1.126c.111.034 11.277 3.32 22.427 0l.335 1.127a39.4 39.4 0 0 1-11.205 1.553M4.785 23.907l-.335-1.126c11.5-3.422 22.634-.14 23.1 0l-.34 1.126c-.11-.034-11.274-3.319-22.425 0m6.683 4.857a35.45 35.45 0 0 1-.742-25.71l1.082.461A34.23 34.23 0 0 0 12.55 28.3Zm8.973 0L19.36 28.3a34.23 34.23 0 0 0 .74-24.785l1.082-.461a35.46 35.46 0 0 1-.741 25.71"/><path d="M3 15.412v1.176h26v-1.176Z"/><path d="M15.412 3h1.176v26h-1.176Z"/></g></svg>
</template>

CSS

.icon-file-type-geojson {
  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%2358a0ff%22%3E%3Cpath%20d%3D%22M16%2030a14%2014%200%201%201%2014-14a14.016%2014.016%200%200%201-14%2014m0-26.824A12.824%2012.824%200%201%200%2028.824%2016A12.84%2012.84%200%200%200%2016%203.176m.317%207.298A44.8%2044.8%200%200%201%204.42%208.92l.34-1.126c.111.034%2011.277%203.32%2022.427%200l.335%201.127a39.4%2039.4%200%200%201-11.205%201.553M4.785%2023.907l-.335-1.126c11.5-3.422%2022.634-.14%2023.1%200l-.34%201.126c-.11-.034-11.274-3.319-22.425%200m6.683%204.857a35.45%2035.45%200%200%201-.742-25.71l1.082.461A34.23%2034.23%200%200%200%2012.55%2028.3Zm8.973%200L19.36%2028.3a34.23%2034.23%200%200%200%20.74-24.785l1.082-.461a35.46%2035.46%200%200%201-.741%2025.71%22%2F%3E%3Cpath%20d%3D%22M3%2015.412v1.176h26v-1.176Z%22%2F%3E%3Cpath%20d%3D%22M15.412%203h1.176v26h-1.176Z%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%2358a0ff%22%3E%3Cpath%20d%3D%22M16%2030a14%2014%200%201%201%2014-14a14.016%2014.016%200%200%201-14%2014m0-26.824A12.824%2012.824%200%201%200%2028.824%2016A12.84%2012.84%200%200%200%2016%203.176m.317%207.298A44.8%2044.8%200%200%201%204.42%208.92l.34-1.126c.111.034%2011.277%203.32%2022.427%200l.335%201.127a39.4%2039.4%200%200%201-11.205%201.553M4.785%2023.907l-.335-1.126c11.5-3.422%2022.634-.14%2023.1%200l-.34%201.126c-.11-.034-11.274-3.319-22.425%200m6.683%204.857a35.45%2035.45%200%200%201-.742-25.71l1.082.461A34.23%2034.23%200%200%200%2012.55%2028.3Zm8.973%200L19.36%2028.3a34.23%2034.23%200%200%200%20.74-24.785l1.082-.461a35.46%2035.46%200%200%201-.741%2025.71%22%2F%3E%3Cpath%20d%3D%22M3%2015.412v1.176h26v-1.176Z%22%2F%3E%3Cpath%20d%3D%22M15.412%203h1.176v26h-1.176Z%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-geojson.svg?color=%231a73e8&size=48