folder type dependabot opened logo

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

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

Related icons in VSCode Icons

Use the folder type dependabot opened logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#7fa4cc" d="M27.4 5.5h-9.2l-2.1 4.2H4.3v4H.5l3.8 12.8h25.2v-21Zm-7.2 2.1h7.1v2.1h-8.1Zm5.5 6.1H6.6v-1.9h20.8v7.626Z"/><path fill="#0366d6" d="m12.971 16.36l7.778-5.1a1.6 1.6 0 0 1 1.752 0l7.777 5.1A1.6 1.6 0 0 1 31 17.7v6.6a1.6 1.6 0 0 1-.722 1.336l-7.777 5.1a1.6 1.6 0 0 1-1.752 0l-7.778-5.1a1.6 1.6 0 0 1-.721-1.336v-6.6a1.6 1.6 0 0 1 .721-1.34"/><path fill="#fff" d="M27.042 21h-.417v-2.5a.625.625 0 0 0-.625-.625h-3.125v-2.292a.21.21 0 0 0-.209-.208h-1.458a.21.21 0 0 0-.208.208v1.459a.21.21 0 0 0 .208.208h1.042v.625h-5a.625.625 0 0 0-.625.625V21h-.417a.21.21 0 0 0-.208.209v2.083a.21.21 0 0 0 .208.208h.417v1.25a.624.624 0 0 0 .625.625H26a.625.625 0 0 0 .625-.625V23.5h.417a.21.21 0 0 0 .208-.208v-2.083a.21.21 0 0 0-.208-.209m-6.221.491l-1.31 1.31a.25.25 0 0 1-.356 0l-.79-.789a.254.254 0 0 1 0-.357l.269-.268a.25.25 0 0 1 .356 0l.343.342l.863-.863a.25.25 0 0 1 .357 0l.268.268a.25.25 0 0 1 0 .357m4.167 0l-1.31 1.31a.253.253 0 0 1-.357 0l-.789-.789a.253.253 0 0 1 0-.357l.268-.268a.25.25 0 0 1 .357 0l.343.342l.863-.863a.25.25 0 0 1 .356 0l.269.268a.253.253 0 0 1 0 .357"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFolderTypeDependabotOpened(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#7fa4cc" d="M27.4 5.5h-9.2l-2.1 4.2H4.3v4H.5l3.8 12.8h25.2v-21Zm-7.2 2.1h7.1v2.1h-8.1Zm5.5 6.1H6.6v-1.9h20.8v7.626Z"/><path fill="#0366d6" d="m12.971 16.36l7.778-5.1a1.6 1.6 0 0 1 1.752 0l7.777 5.1A1.6 1.6 0 0 1 31 17.7v6.6a1.6 1.6 0 0 1-.722 1.336l-7.777 5.1a1.6 1.6 0 0 1-1.752 0l-7.778-5.1a1.6 1.6 0 0 1-.721-1.336v-6.6a1.6 1.6 0 0 1 .721-1.34"/><path fill="#fff" d="M27.042 21h-.417v-2.5a.625.625 0 0 0-.625-.625h-3.125v-2.292a.21.21 0 0 0-.209-.208h-1.458a.21.21 0 0 0-.208.208v1.459a.21.21 0 0 0 .208.208h1.042v.625h-5a.625.625 0 0 0-.625.625V21h-.417a.21.21 0 0 0-.208.209v2.083a.21.21 0 0 0 .208.208h.417v1.25a.624.624 0 0 0 .625.625H26a.625.625 0 0 0 .625-.625V23.5h.417a.21.21 0 0 0 .208-.208v-2.083a.21.21 0 0 0-.208-.209m-6.221.491l-1.31 1.31a.25.25 0 0 1-.356 0l-.79-.789a.254.254 0 0 1 0-.357l.269-.268a.25.25 0 0 1 .356 0l.343.342l.863-.863a.25.25 0 0 1 .357 0l.268.268a.25.25 0 0 1 0 .357m4.167 0l-1.31 1.31a.253.253 0 0 1-.357 0l-.789-.789a.253.253 0 0 1 0-.357l.268-.268a.25.25 0 0 1 .357 0l.343.342l.863-.863a.25.25 0 0 1 .356 0l.269.268a.253.253 0 0 1 0 .357"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#7fa4cc" d="M27.4 5.5h-9.2l-2.1 4.2H4.3v4H.5l3.8 12.8h25.2v-21Zm-7.2 2.1h7.1v2.1h-8.1Zm5.5 6.1H6.6v-1.9h20.8v7.626Z"/><path fill="#0366d6" d="m12.971 16.36l7.778-5.1a1.6 1.6 0 0 1 1.752 0l7.777 5.1A1.6 1.6 0 0 1 31 17.7v6.6a1.6 1.6 0 0 1-.722 1.336l-7.777 5.1a1.6 1.6 0 0 1-1.752 0l-7.778-5.1a1.6 1.6 0 0 1-.721-1.336v-6.6a1.6 1.6 0 0 1 .721-1.34"/><path fill="#fff" d="M27.042 21h-.417v-2.5a.625.625 0 0 0-.625-.625h-3.125v-2.292a.21.21 0 0 0-.209-.208h-1.458a.21.21 0 0 0-.208.208v1.459a.21.21 0 0 0 .208.208h1.042v.625h-5a.625.625 0 0 0-.625.625V21h-.417a.21.21 0 0 0-.208.209v2.083a.21.21 0 0 0 .208.208h.417v1.25a.624.624 0 0 0 .625.625H26a.625.625 0 0 0 .625-.625V23.5h.417a.21.21 0 0 0 .208-.208v-2.083a.21.21 0 0 0-.208-.209m-6.221.491l-1.31 1.31a.25.25 0 0 1-.356 0l-.79-.789a.254.254 0 0 1 0-.357l.269-.268a.25.25 0 0 1 .356 0l.343.342l.863-.863a.25.25 0 0 1 .357 0l.268.268a.25.25 0 0 1 0 .357m4.167 0l-1.31 1.31a.253.253 0 0 1-.357 0l-.789-.789a.253.253 0 0 1 0-.357l.268-.268a.25.25 0 0 1 .357 0l.343.342l.863-.863a.25.25 0 0 1 .356 0l.269.268a.253.253 0 0 1 0 .357"/></svg>
</template>

CSS

.icon-folder-type-dependabot-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%237fa4cc%22%20d%3D%22M27.4%205.5h-9.2l-2.1%204.2H4.3v4H.5l3.8%2012.8h25.2v-21Zm-7.2%202.1h7.1v2.1h-8.1Zm5.5%206.1H6.6v-1.9h20.8v7.626Z%22%2F%3E%3Cpath%20fill%3D%22%230366d6%22%20d%3D%22m12.971%2016.36l7.778-5.1a1.6%201.6%200%200%201%201.752%200l7.777%205.1A1.6%201.6%200%200%201%2031%2017.7v6.6a1.6%201.6%200%200%201-.722%201.336l-7.777%205.1a1.6%201.6%200%200%201-1.752%200l-7.778-5.1a1.6%201.6%200%200%201-.721-1.336v-6.6a1.6%201.6%200%200%201%20.721-1.34%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M27.042%2021h-.417v-2.5a.625.625%200%200%200-.625-.625h-3.125v-2.292a.21.21%200%200%200-.209-.208h-1.458a.21.21%200%200%200-.208.208v1.459a.21.21%200%200%200%20.208.208h1.042v.625h-5a.625.625%200%200%200-.625.625V21h-.417a.21.21%200%200%200-.208.209v2.083a.21.21%200%200%200%20.208.208h.417v1.25a.624.624%200%200%200%20.625.625H26a.625.625%200%200%200%20.625-.625V23.5h.417a.21.21%200%200%200%20.208-.208v-2.083a.21.21%200%200%200-.208-.209m-6.221.491l-1.31%201.31a.25.25%200%200%201-.356%200l-.79-.789a.254.254%200%200%201%200-.357l.269-.268a.25.25%200%200%201%20.356%200l.343.342l.863-.863a.25.25%200%200%201%20.357%200l.268.268a.25.25%200%200%201%200%20.357m4.167%200l-1.31%201.31a.253.253%200%200%201-.357%200l-.789-.789a.253.253%200%200%201%200-.357l.268-.268a.25.25%200%200%201%20.357%200l.343.342l.863-.863a.25.25%200%200%201%20.356%200l.269.268a.253.253%200%200%201%200%20.357%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%237fa4cc%22%20d%3D%22M27.4%205.5h-9.2l-2.1%204.2H4.3v4H.5l3.8%2012.8h25.2v-21Zm-7.2%202.1h7.1v2.1h-8.1Zm5.5%206.1H6.6v-1.9h20.8v7.626Z%22%2F%3E%3Cpath%20fill%3D%22%230366d6%22%20d%3D%22m12.971%2016.36l7.778-5.1a1.6%201.6%200%200%201%201.752%200l7.777%205.1A1.6%201.6%200%200%201%2031%2017.7v6.6a1.6%201.6%200%200%201-.722%201.336l-7.777%205.1a1.6%201.6%200%200%201-1.752%200l-7.778-5.1a1.6%201.6%200%200%201-.721-1.336v-6.6a1.6%201.6%200%200%201%20.721-1.34%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M27.042%2021h-.417v-2.5a.625.625%200%200%200-.625-.625h-3.125v-2.292a.21.21%200%200%200-.209-.208h-1.458a.21.21%200%200%200-.208.208v1.459a.21.21%200%200%200%20.208.208h1.042v.625h-5a.625.625%200%200%200-.625.625V21h-.417a.21.21%200%200%200-.208.209v2.083a.21.21%200%200%200%20.208.208h.417v1.25a.624.624%200%200%200%20.625.625H26a.625.625%200%200%200%20.625-.625V23.5h.417a.21.21%200%200%200%20.208-.208v-2.083a.21.21%200%200%200-.208-.209m-6.221.491l-1.31%201.31a.25.25%200%200%201-.356%200l-.79-.789a.254.254%200%200%201%200-.357l.269-.268a.25.25%200%200%201%20.356%200l.343.342l.863-.863a.25.25%200%200%201%20.357%200l.268.268a.25.25%200%200%201%200%20.357m4.167%200l-1.31%201.31a.253.253%200%200%201-.357%200l-.789-.789a.253.253%200%200%201%200-.357l.268-.268a.25.25%200%200%201%20.357%200l.343.342l.863-.863a.25.25%200%200%201%20.356%200l.269.268a.253.253%200%200%201%200%20.357%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-dependabot-opened.svg?color=%231a73e8&size=48