folder type git opened logo

folder-type-git-opened from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.

Name
folder-type-git-opened
Set
VSCode Icons
Style
Color
Viewbox
32×32
License
MIT

Related icons in VSCode Icons

Use the folder type git opened logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#db847b" d="M27.4 5.5h-9.2l-2.1 4.2H4.3v16.8h25.2v-21Zm0 18.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Z"/><path fill="#db847b" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#dd4c35" d="M30.6 19.565L21.435 10.4a1.35 1.35 0 0 0-1.913 0l-1.9 1.9l2.415 2.415a1.606 1.606 0 0 1 2.034 2.047l2.329 2.329a1.607 1.607 0 1 1-.964.907l-2.176-2.171v5.713a1.606 1.606 0 1 1-1.323-.047v-5.766a1.61 1.61 0 0 1-.873-2.11l-2.381-2.381l-6.283 6.286a1.353 1.353 0 0 0 0 1.913l9.165 9.165a1.353 1.353 0 0 0 1.913 0l9.122-9.122a1.353 1.353 0 0 0 0-1.913"/><path fill="#fff" d="m17.619 12.3l2.415 2.415a1.606 1.606 0 0 1 2.034 2.047l2.332 2.329a1.607 1.607 0 1 1-.964.907l-2.176-2.171v5.713a1.606 1.606 0 1 1-1.323-.047v-5.766a1.61 1.61 0 0 1-.873-2.11l-2.381-2.381"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFolderTypeGitOpened(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#db847b" d="M27.4 5.5h-9.2l-2.1 4.2H4.3v16.8h25.2v-21Zm0 18.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Z"/><path fill="#db847b" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#dd4c35" d="M30.6 19.565L21.435 10.4a1.35 1.35 0 0 0-1.913 0l-1.9 1.9l2.415 2.415a1.606 1.606 0 0 1 2.034 2.047l2.329 2.329a1.607 1.607 0 1 1-.964.907l-2.176-2.171v5.713a1.606 1.606 0 1 1-1.323-.047v-5.766a1.61 1.61 0 0 1-.873-2.11l-2.381-2.381l-6.283 6.286a1.353 1.353 0 0 0 0 1.913l9.165 9.165a1.353 1.353 0 0 0 1.913 0l9.122-9.122a1.353 1.353 0 0 0 0-1.913"/><path fill="#fff" d="m17.619 12.3l2.415 2.415a1.606 1.606 0 0 1 2.034 2.047l2.332 2.329a1.607 1.607 0 1 1-.964.907l-2.176-2.171v5.713a1.606 1.606 0 1 1-1.323-.047v-5.766a1.61 1.61 0 0 1-.873-2.11l-2.381-2.381"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#db847b" d="M27.4 5.5h-9.2l-2.1 4.2H4.3v16.8h25.2v-21Zm0 18.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Z"/><path fill="#db847b" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#dd4c35" d="M30.6 19.565L21.435 10.4a1.35 1.35 0 0 0-1.913 0l-1.9 1.9l2.415 2.415a1.606 1.606 0 0 1 2.034 2.047l2.329 2.329a1.607 1.607 0 1 1-.964.907l-2.176-2.171v5.713a1.606 1.606 0 1 1-1.323-.047v-5.766a1.61 1.61 0 0 1-.873-2.11l-2.381-2.381l-6.283 6.286a1.353 1.353 0 0 0 0 1.913l9.165 9.165a1.353 1.353 0 0 0 1.913 0l9.122-9.122a1.353 1.353 0 0 0 0-1.913"/><path fill="#fff" d="m17.619 12.3l2.415 2.415a1.606 1.606 0 0 1 2.034 2.047l2.332 2.329a1.607 1.607 0 1 1-.964.907l-2.176-2.171v5.713a1.606 1.606 0 1 1-1.323-.047v-5.766a1.61 1.61 0 0 1-.873-2.11l-2.381-2.381"/></svg>
</template>

CSS

.icon-folder-type-git-opened {
  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%23db847b%22%20d%3D%22M27.4%205.5h-9.2l-2.1%204.2H4.3v16.8h25.2v-21Zm0%2018.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Z%22%2F%3E%3Cpath%20fill%3D%22%23db847b%22%20d%3D%22M25.7%2013.7H.5l3.8%2012.8h25.2z%22%2F%3E%3Cpath%20fill%3D%22%23dd4c35%22%20d%3D%22M30.6%2019.565L21.435%2010.4a1.35%201.35%200%200%200-1.913%200l-1.9%201.9l2.415%202.415a1.606%201.606%200%200%201%202.034%202.047l2.329%202.329a1.607%201.607%200%201%201-.964.907l-2.176-2.171v5.713a1.606%201.606%200%201%201-1.323-.047v-5.766a1.61%201.61%200%200%201-.873-2.11l-2.381-2.381l-6.283%206.286a1.353%201.353%200%200%200%200%201.913l9.165%209.165a1.353%201.353%200%200%200%201.913%200l9.122-9.122a1.353%201.353%200%200%200%200-1.913%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m17.619%2012.3l2.415%202.415a1.606%201.606%200%200%201%202.034%202.047l2.332%202.329a1.607%201.607%200%201%201-.964.907l-2.176-2.171v5.713a1.606%201.606%200%201%201-1.323-.047v-5.766a1.61%201.61%200%200%201-.873-2.11l-2.381-2.381%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%23db847b%22%20d%3D%22M27.4%205.5h-9.2l-2.1%204.2H4.3v16.8h25.2v-21Zm0%2018.7H6.6V11.8h20.8Zm0-14.5h-8.2l1-2.1h7.1v2.1Z%22%2F%3E%3Cpath%20fill%3D%22%23db847b%22%20d%3D%22M25.7%2013.7H.5l3.8%2012.8h25.2z%22%2F%3E%3Cpath%20fill%3D%22%23dd4c35%22%20d%3D%22M30.6%2019.565L21.435%2010.4a1.35%201.35%200%200%200-1.913%200l-1.9%201.9l2.415%202.415a1.606%201.606%200%200%201%202.034%202.047l2.329%202.329a1.607%201.607%200%201%201-.964.907l-2.176-2.171v5.713a1.606%201.606%200%201%201-1.323-.047v-5.766a1.61%201.61%200%200%201-.873-2.11l-2.381-2.381l-6.283%206.286a1.353%201.353%200%200%200%200%201.913l9.165%209.165a1.353%201.353%200%200%200%201.913%200l9.122-9.122a1.353%201.353%200%200%200%200-1.913%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22m17.619%2012.3l2.415%202.415a1.606%201.606%200%200%201%202.034%202.047l2.332%202.329a1.607%201.607%200%201%201-.964.907l-2.176-2.171v5.713a1.606%201.606%200%201%201-1.323-.047v-5.766a1.61%201.61%200%200%201-.873-2.11l-2.381-2.381%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/folder-type-git-opened.svg?color=%231a73e8&size=48