folder type elasticbeanstalk opened logo

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

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

Related icons in VSCode Icons

Use the folder type elasticbeanstalk opened logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#dda27a" 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="#dda27a" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#9d5025" d="M20.8 11.3v9.2h-1.07v8.665L23.4 31l2.217-10.5L23.4 10z"/><path fill="#f58536" d="M23.4 10v21l2.6-1.3v-9.2h1.07v-8.665z"/><path fill="#6b3a19" d="m30.969 17.824l-4.638.433l-1.529-.178l4.842-4.944z"/><path fill="#f58536" d="m29.644 13.135l1.325.662v4.027l-1.325-.28z"/><path fill="#9d5025" d="m24.802 18.079l4.842-.535v-4.409l-4.842 1.299z"/><path fill="#fbbf93" d="m15.831 23.176l4.638-.433l1.529.178l-4.842 4.944z"/><path fill="#9d5025" d="m17.156 27.865l-1.325-.662v-4.027l1.325.28z"/><path fill="#f58536" d="m21.998 22.921l-4.842.535v4.409l4.842-1.299z"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFolderTypeElasticbeanstalkOpened(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#dda27a" 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="#dda27a" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#9d5025" d="M20.8 11.3v9.2h-1.07v8.665L23.4 31l2.217-10.5L23.4 10z"/><path fill="#f58536" d="M23.4 10v21l2.6-1.3v-9.2h1.07v-8.665z"/><path fill="#6b3a19" d="m30.969 17.824l-4.638.433l-1.529-.178l4.842-4.944z"/><path fill="#f58536" d="m29.644 13.135l1.325.662v4.027l-1.325-.28z"/><path fill="#9d5025" d="m24.802 18.079l4.842-.535v-4.409l-4.842 1.299z"/><path fill="#fbbf93" d="m15.831 23.176l4.638-.433l1.529.178l-4.842 4.944z"/><path fill="#9d5025" d="m17.156 27.865l-1.325-.662v-4.027l1.325.28z"/><path fill="#f58536" d="m21.998 22.921l-4.842.535v4.409l4.842-1.299z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#dda27a" 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="#dda27a" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#9d5025" d="M20.8 11.3v9.2h-1.07v8.665L23.4 31l2.217-10.5L23.4 10z"/><path fill="#f58536" d="M23.4 10v21l2.6-1.3v-9.2h1.07v-8.665z"/><path fill="#6b3a19" d="m30.969 17.824l-4.638.433l-1.529-.178l4.842-4.944z"/><path fill="#f58536" d="m29.644 13.135l1.325.662v4.027l-1.325-.28z"/><path fill="#9d5025" d="m24.802 18.079l4.842-.535v-4.409l-4.842 1.299z"/><path fill="#fbbf93" d="m15.831 23.176l4.638-.433l1.529.178l-4.842 4.944z"/><path fill="#9d5025" d="m17.156 27.865l-1.325-.662v-4.027l1.325.28z"/><path fill="#f58536" d="m21.998 22.921l-4.842.535v4.409l4.842-1.299z"/></svg>
</template>

CSS

.icon-folder-type-elasticbeanstalk-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%23dda27a%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%23dda27a%22%20d%3D%22M25.7%2013.7H.5l3.8%2012.8h25.2z%22%2F%3E%3Cpath%20fill%3D%22%239d5025%22%20d%3D%22M20.8%2011.3v9.2h-1.07v8.665L23.4%2031l2.217-10.5L23.4%2010z%22%2F%3E%3Cpath%20fill%3D%22%23f58536%22%20d%3D%22M23.4%2010v21l2.6-1.3v-9.2h1.07v-8.665z%22%2F%3E%3Cpath%20fill%3D%22%236b3a19%22%20d%3D%22m30.969%2017.824l-4.638.433l-1.529-.178l4.842-4.944z%22%2F%3E%3Cpath%20fill%3D%22%23f58536%22%20d%3D%22m29.644%2013.135l1.325.662v4.027l-1.325-.28z%22%2F%3E%3Cpath%20fill%3D%22%239d5025%22%20d%3D%22m24.802%2018.079l4.842-.535v-4.409l-4.842%201.299z%22%2F%3E%3Cpath%20fill%3D%22%23fbbf93%22%20d%3D%22m15.831%2023.176l4.638-.433l1.529.178l-4.842%204.944z%22%2F%3E%3Cpath%20fill%3D%22%239d5025%22%20d%3D%22m17.156%2027.865l-1.325-.662v-4.027l1.325.28z%22%2F%3E%3Cpath%20fill%3D%22%23f58536%22%20d%3D%22m21.998%2022.921l-4.842.535v4.409l4.842-1.299z%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%23dda27a%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%23dda27a%22%20d%3D%22M25.7%2013.7H.5l3.8%2012.8h25.2z%22%2F%3E%3Cpath%20fill%3D%22%239d5025%22%20d%3D%22M20.8%2011.3v9.2h-1.07v8.665L23.4%2031l2.217-10.5L23.4%2010z%22%2F%3E%3Cpath%20fill%3D%22%23f58536%22%20d%3D%22M23.4%2010v21l2.6-1.3v-9.2h1.07v-8.665z%22%2F%3E%3Cpath%20fill%3D%22%236b3a19%22%20d%3D%22m30.969%2017.824l-4.638.433l-1.529-.178l4.842-4.944z%22%2F%3E%3Cpath%20fill%3D%22%23f58536%22%20d%3D%22m29.644%2013.135l1.325.662v4.027l-1.325-.28z%22%2F%3E%3Cpath%20fill%3D%22%239d5025%22%20d%3D%22m24.802%2018.079l4.842-.535v-4.409l-4.842%201.299z%22%2F%3E%3Cpath%20fill%3D%22%23fbbf93%22%20d%3D%22m15.831%2023.176l4.638-.433l1.529.178l-4.842%204.944z%22%2F%3E%3Cpath%20fill%3D%22%239d5025%22%20d%3D%22m17.156%2027.865l-1.325-.662v-4.027l1.325.28z%22%2F%3E%3Cpath%20fill%3D%22%23f58536%22%20d%3D%22m21.998%2022.921l-4.842.535v4.409l4.842-1.299z%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-elasticbeanstalk-opened.svg?color=%231a73e8&size=48