folder type nuxt opened logo
folder-type-nuxt-opened from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- folder-type-nuxt-opened
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
folder-type-androidfolder-type-android-openedfolder-type-angularfolder-type-angular-openedfolder-type-apachefolder-type-apache-openedfolder-type-apifolder-type-api-openedfolder-type-appfolder-type-app-openedfolder-type-arangodbfolder-type-arangodb-openedfolder-type-assetfolder-type-asset-openedfolder-type-astrofolder-type-astro-openedfolder-type-audiofolder-type-audio-openedfolder-type-aureliafolder-type-aurelia-openedfolder-type-awsfolder-type-aws-openedfolder-type-azurefolder-type-azure-opened
Use the folder type nuxt opened logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#7faecc" 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.1z"/><path fill="#7faecc" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#00dc82" d="M20.376 27.816h8.863a1.6 1.6 0 0 0 1.389-.792a1.56 1.56 0 0 0 0-1.58l-5.953-10.168a1.6 1.6 0 0 0-.587-.579a1.62 1.62 0 0 0-1.603 0a1.6 1.6 0 0 0-.587.58l-1.522 2.6l-2.976-5.086a1.6 1.6 0 0 0-.587-.58a1.62 1.62 0 0 0-1.604 0a1.6 1.6 0 0 0-.587.58L7.215 25.443a1.56 1.56 0 0 0 0 1.582c.14.24.343.44.587.579s.52.212.801.212h5.564c2.204 0 3.83-.955 4.949-2.818l2.715-4.638l1.455-2.482l4.366 7.455h-5.82zm-6.3-2.485l-3.882-.001l5.82-9.94l2.904 4.97l-1.944 3.322c-.743 1.208-1.587 1.649-2.898 1.649"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFolderTypeNuxtOpened(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#7faecc" 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.1z"/><path fill="#7faecc" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#00dc82" d="M20.376 27.816h8.863a1.6 1.6 0 0 0 1.389-.792a1.56 1.56 0 0 0 0-1.58l-5.953-10.168a1.6 1.6 0 0 0-.587-.579a1.62 1.62 0 0 0-1.603 0a1.6 1.6 0 0 0-.587.58l-1.522 2.6l-2.976-5.086a1.6 1.6 0 0 0-.587-.58a1.62 1.62 0 0 0-1.604 0a1.6 1.6 0 0 0-.587.58L7.215 25.443a1.56 1.56 0 0 0 0 1.582c.14.24.343.44.587.579s.52.212.801.212h5.564c2.204 0 3.83-.955 4.949-2.818l2.715-4.638l1.455-2.482l4.366 7.455h-5.82zm-6.3-2.485l-3.882-.001l5.82-9.94l2.904 4.97l-1.944 3.322c-.743 1.208-1.587 1.649-2.898 1.649"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#7faecc" 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.1z"/><path fill="#7faecc" d="M25.7 13.7H.5l3.8 12.8h25.2z"/><path fill="#00dc82" d="M20.376 27.816h8.863a1.6 1.6 0 0 0 1.389-.792a1.56 1.56 0 0 0 0-1.58l-5.953-10.168a1.6 1.6 0 0 0-.587-.579a1.62 1.62 0 0 0-1.603 0a1.6 1.6 0 0 0-.587.58l-1.522 2.6l-2.976-5.086a1.6 1.6 0 0 0-.587-.58a1.62 1.62 0 0 0-1.604 0a1.6 1.6 0 0 0-.587.58L7.215 25.443a1.56 1.56 0 0 0 0 1.582c.14.24.343.44.587.579s.52.212.801.212h5.564c2.204 0 3.83-.955 4.949-2.818l2.715-4.638l1.455-2.482l4.366 7.455h-5.82zm-6.3-2.485l-3.882-.001l5.82-9.94l2.904 4.97l-1.944 3.322c-.743 1.208-1.587 1.649-2.898 1.649"/></svg> </template>
CSS
.icon-folder-type-nuxt-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%237faecc%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.1z%22%2F%3E%3Cpath%20fill%3D%22%237faecc%22%20d%3D%22M25.7%2013.7H.5l3.8%2012.8h25.2z%22%2F%3E%3Cpath%20fill%3D%22%2300dc82%22%20d%3D%22M20.376%2027.816h8.863a1.6%201.6%200%200%200%201.389-.792a1.56%201.56%200%200%200%200-1.58l-5.953-10.168a1.6%201.6%200%200%200-.587-.579a1.62%201.62%200%200%200-1.603%200a1.6%201.6%200%200%200-.587.58l-1.522%202.6l-2.976-5.086a1.6%201.6%200%200%200-.587-.58a1.62%201.62%200%200%200-1.604%200a1.6%201.6%200%200%200-.587.58L7.215%2025.443a1.56%201.56%200%200%200%200%201.582c.14.24.343.44.587.579s.52.212.801.212h5.564c2.204%200%203.83-.955%204.949-2.818l2.715-4.638l1.455-2.482l4.366%207.455h-5.82zm-6.3-2.485l-3.882-.001l5.82-9.94l2.904%204.97l-1.944%203.322c-.743%201.208-1.587%201.649-2.898%201.649%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%237faecc%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.1z%22%2F%3E%3Cpath%20fill%3D%22%237faecc%22%20d%3D%22M25.7%2013.7H.5l3.8%2012.8h25.2z%22%2F%3E%3Cpath%20fill%3D%22%2300dc82%22%20d%3D%22M20.376%2027.816h8.863a1.6%201.6%200%200%200%201.389-.792a1.56%201.56%200%200%200%200-1.58l-5.953-10.168a1.6%201.6%200%200%200-.587-.579a1.62%201.62%200%200%200-1.603%200a1.6%201.6%200%200%200-.587.58l-1.522%202.6l-2.976-5.086a1.6%201.6%200%200%200-.587-.58a1.62%201.62%200%200%200-1.604%200a1.6%201.6%200%200%200-.587.58L7.215%2025.443a1.56%201.56%200%200%200%200%201.582c.14.24.343.44.587.579s.52.212.801.212h5.564c2.204%200%203.83-.955%204.949-2.818l2.715-4.638l1.455-2.482l4.366%207.455h-5.82zm-6.3-2.485l-3.882-.001l5.82-9.94l2.904%204.97l-1.944%203.322c-.743%201.208-1.587%201.649-2.898%201.649%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-nuxt-opened.svg?color=%231a73e8&size=48
