folder type vitepress opened logo
folder-type-vitepress-opened from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- folder-type-vitepress-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 vitepress opened logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGfWAXJvtN" x1="6.482" x2="39.05" y1="1.976" y2="48.206" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#49c7ff"/><stop offset="1" stop-color="#bd36ff"/></linearGradient><linearGradient id="SVGMPSoKdwh" x1="11.885" x2="26.725" y1="16.427" y2="31.418" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#41d1ff"/><stop offset="1" stop-color="#bd34fe"/></linearGradient><linearGradient id="SVGJDgPhPxj" x1="21.814" x2="26.246" y1="13.705" y2="28.807" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffea83"/><stop offset=".083" stop-color="#ffdd35"/><stop offset="1" stop-color="#ffa800"/></linearGradient></defs><path fill="#dcb67a" 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="url(#SVGfWAXJvtN)" d="M5.036 7.878c-.283-2.038 1.12-3.923 3.133-4.21L33.684.037c2.013-.287 3.874 1.134 4.157 3.172l5.123 36.913c.283 2.039-1.12 3.924-3.133 4.21l-25.515 3.632c-2.013.286-3.874-1.134-4.157-3.173z" transform="translate(11.917 10)scale(.41667)"/><path fill="#fff" d="M14.775 13.175a.775.775 0 0 1 .653-.878l10.63-1.513a.77.77 0 0 1 .867.661l2.134 15.38a.775.775 0 0 1-.652.878l-10.632 1.513a.77.77 0 0 1-.866-.66z"/><path fill="url(#SVGMPSoKdwh)" d="m33.186 14.92l-7.335 19.238a.538.538 0 0 1-.933.134L12.335 17.834c-.282-.368-.013-.9.446-.881l10.125.408a.5.5 0 0 0 .19-.027L32.51 14.2c.434-.145.841.288.677.72z" transform="translate(11.917 10)scale(.41667)"/><path fill="url(#SVGJDgPhPxj)" d="m27.025 12.576l-7.09 2.467a.27.27 0 0 0-.18.28l.637 7.74c.015.183.198.3.367.235l1.964-.758a.273.273 0 0 1 .367.273l-.18 3.078c-.012.207.2.353.385.266l1.2-.561a.272.272 0 0 1 .384.267l-.294 4.835c-.018.303.39.41.516.134l.084-.183l4.245-12.847c.07-.215-.133-.42-.345-.347l-2.033.7a.273.273 0 0 1-.357-.298l.687-4.982a.273.273 0 0 0-.357-.299" transform="translate(11.917 10)scale(.41667)"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFolderTypeVitepressOpened(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGfWAXJvtN" x1="6.482" x2="39.05" y1="1.976" y2="48.206" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#49c7ff"/><stop offset="1" stopColor="#bd36ff"/></linearGradient><linearGradient id="SVGMPSoKdwh" x1="11.885" x2="26.725" y1="16.427" y2="31.418" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#41d1ff"/><stop offset="1" stopColor="#bd34fe"/></linearGradient><linearGradient id="SVGJDgPhPxj" x1="21.814" x2="26.246" y1="13.705" y2="28.807" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#ffea83"/><stop offset=".083" stopColor="#ffdd35"/><stop offset="1" stopColor="#ffa800"/></linearGradient></defs><path fill="#dcb67a" 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="url(#SVGfWAXJvtN)" d="M5.036 7.878c-.283-2.038 1.12-3.923 3.133-4.21L33.684.037c2.013-.287 3.874 1.134 4.157 3.172l5.123 36.913c.283 2.039-1.12 3.924-3.133 4.21l-25.515 3.632c-2.013.286-3.874-1.134-4.157-3.173z" transform="translate(11.917 10)scale(.41667)"/><path fill="#fff" d="M14.775 13.175a.775.775 0 0 1 .653-.878l10.63-1.513a.77.77 0 0 1 .867.661l2.134 15.38a.775.775 0 0 1-.652.878l-10.632 1.513a.77.77 0 0 1-.866-.66z"/><path fill="url(#SVGMPSoKdwh)" d="m33.186 14.92l-7.335 19.238a.538.538 0 0 1-.933.134L12.335 17.834c-.282-.368-.013-.9.446-.881l10.125.408a.5.5 0 0 0 .19-.027L32.51 14.2c.434-.145.841.288.677.72z" transform="translate(11.917 10)scale(.41667)"/><path fill="url(#SVGJDgPhPxj)" d="m27.025 12.576l-7.09 2.467a.27.27 0 0 0-.18.28l.637 7.74c.015.183.198.3.367.235l1.964-.758a.273.273 0 0 1 .367.273l-.18 3.078c-.012.207.2.353.385.266l1.2-.561a.272.272 0 0 1 .384.267l-.294 4.835c-.018.303.39.41.516.134l.084-.183l4.245-12.847c.07-.215-.133-.42-.345-.347l-2.033.7a.273.273 0 0 1-.357-.298l.687-4.982a.273.273 0 0 0-.357-.299" transform="translate(11.917 10)scale(.41667)"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGfWAXJvtN" x1="6.482" x2="39.05" y1="1.976" y2="48.206" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#49c7ff"/><stop offset="1" stop-color="#bd36ff"/></linearGradient><linearGradient id="SVGMPSoKdwh" x1="11.885" x2="26.725" y1="16.427" y2="31.418" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#41d1ff"/><stop offset="1" stop-color="#bd34fe"/></linearGradient><linearGradient id="SVGJDgPhPxj" x1="21.814" x2="26.246" y1="13.705" y2="28.807" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffea83"/><stop offset=".083" stop-color="#ffdd35"/><stop offset="1" stop-color="#ffa800"/></linearGradient></defs><path fill="#dcb67a" 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="url(#SVGfWAXJvtN)" d="M5.036 7.878c-.283-2.038 1.12-3.923 3.133-4.21L33.684.037c2.013-.287 3.874 1.134 4.157 3.172l5.123 36.913c.283 2.039-1.12 3.924-3.133 4.21l-25.515 3.632c-2.013.286-3.874-1.134-4.157-3.173z" transform="translate(11.917 10)scale(.41667)"/><path fill="#fff" d="M14.775 13.175a.775.775 0 0 1 .653-.878l10.63-1.513a.77.77 0 0 1 .867.661l2.134 15.38a.775.775 0 0 1-.652.878l-10.632 1.513a.77.77 0 0 1-.866-.66z"/><path fill="url(#SVGMPSoKdwh)" d="m33.186 14.92l-7.335 19.238a.538.538 0 0 1-.933.134L12.335 17.834c-.282-.368-.013-.9.446-.881l10.125.408a.5.5 0 0 0 .19-.027L32.51 14.2c.434-.145.841.288.677.72z" transform="translate(11.917 10)scale(.41667)"/><path fill="url(#SVGJDgPhPxj)" d="m27.025 12.576l-7.09 2.467a.27.27 0 0 0-.18.28l.637 7.74c.015.183.198.3.367.235l1.964-.758a.273.273 0 0 1 .367.273l-.18 3.078c-.012.207.2.353.385.266l1.2-.561a.272.272 0 0 1 .384.267l-.294 4.835c-.018.303.39.41.516.134l.084-.183l4.245-12.847c.07-.215-.133-.42-.345-.347l-2.033.7a.273.273 0 0 1-.357-.298l.687-4.982a.273.273 0 0 0-.357-.299" transform="translate(11.917 10)scale(.41667)"/></svg> </template>
CSS
.icon-folder-type-vitepress-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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfWAXJvtN%22%20x1%3D%226.482%22%20x2%3D%2239.05%22%20y1%3D%221.976%22%20y2%3D%2248.206%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2349c7ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bd36ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGMPSoKdwh%22%20x1%3D%2211.885%22%20x2%3D%2226.725%22%20y1%3D%2216.427%22%20y2%3D%2231.418%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2341d1ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bd34fe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGJDgPhPxj%22%20x1%3D%2221.814%22%20x2%3D%2226.246%22%20y1%3D%2213.705%22%20y2%3D%2228.807%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffea83%22%2F%3E%3Cstop%20offset%3D%22.083%22%20stop-color%3D%22%23ffdd35%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffa800%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23dcb67a%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%22url(%23SVGfWAXJvtN)%22%20d%3D%22M5.036%207.878c-.283-2.038%201.12-3.923%203.133-4.21L33.684.037c2.013-.287%203.874%201.134%204.157%203.172l5.123%2036.913c.283%202.039-1.12%203.924-3.133%204.21l-25.515%203.632c-2.013.286-3.874-1.134-4.157-3.173z%22%20transform%3D%22translate(11.917%2010)scale(.41667)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.775%2013.175a.775.775%200%200%201%20.653-.878l10.63-1.513a.77.77%200%200%201%20.867.661l2.134%2015.38a.775.775%200%200%201-.652.878l-10.632%201.513a.77.77%200%200%201-.866-.66z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGMPSoKdwh)%22%20d%3D%22m33.186%2014.92l-7.335%2019.238a.538.538%200%200%201-.933.134L12.335%2017.834c-.282-.368-.013-.9.446-.881l10.125.408a.5.5%200%200%200%20.19-.027L32.51%2014.2c.434-.145.841.288.677.72z%22%20transform%3D%22translate(11.917%2010)scale(.41667)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJDgPhPxj)%22%20d%3D%22m27.025%2012.576l-7.09%202.467a.27.27%200%200%200-.18.28l.637%207.74c.015.183.198.3.367.235l1.964-.758a.273.273%200%200%201%20.367.273l-.18%203.078c-.012.207.2.353.385.266l1.2-.561a.272.272%200%200%201%20.384.267l-.294%204.835c-.018.303.39.41.516.134l.084-.183l4.245-12.847c.07-.215-.133-.42-.345-.347l-2.033.7a.273.273%200%200%201-.357-.298l.687-4.982a.273.273%200%200%200-.357-.299%22%20transform%3D%22translate(11.917%2010)scale(.41667)%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%3Cdefs%3E%3ClinearGradient%20id%3D%22SVGfWAXJvtN%22%20x1%3D%226.482%22%20x2%3D%2239.05%22%20y1%3D%221.976%22%20y2%3D%2248.206%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2349c7ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bd36ff%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGMPSoKdwh%22%20x1%3D%2211.885%22%20x2%3D%2226.725%22%20y1%3D%2216.427%22%20y2%3D%2231.418%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%2341d1ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23bd34fe%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGJDgPhPxj%22%20x1%3D%2221.814%22%20x2%3D%2226.246%22%20y1%3D%2213.705%22%20y2%3D%2228.807%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffea83%22%2F%3E%3Cstop%20offset%3D%22.083%22%20stop-color%3D%22%23ffdd35%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffa800%22%2F%3E%3C%2FlinearGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%23dcb67a%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%22url(%23SVGfWAXJvtN)%22%20d%3D%22M5.036%207.878c-.283-2.038%201.12-3.923%203.133-4.21L33.684.037c2.013-.287%203.874%201.134%204.157%203.172l5.123%2036.913c.283%202.039-1.12%203.924-3.133%204.21l-25.515%203.632c-2.013.286-3.874-1.134-4.157-3.173z%22%20transform%3D%22translate(11.917%2010)scale(.41667)%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M14.775%2013.175a.775.775%200%200%201%20.653-.878l10.63-1.513a.77.77%200%200%201%20.867.661l2.134%2015.38a.775.775%200%200%201-.652.878l-10.632%201.513a.77.77%200%200%201-.866-.66z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGMPSoKdwh)%22%20d%3D%22m33.186%2014.92l-7.335%2019.238a.538.538%200%200%201-.933.134L12.335%2017.834c-.282-.368-.013-.9.446-.881l10.125.408a.5.5%200%200%200%20.19-.027L32.51%2014.2c.434-.145.841.288.677.72z%22%20transform%3D%22translate(11.917%2010)scale(.41667)%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGJDgPhPxj)%22%20d%3D%22m27.025%2012.576l-7.09%202.467a.27.27%200%200%200-.18.28l.637%207.74c.015.183.198.3.367.235l1.964-.758a.273.273%200%200%201%20.367.273l-.18%203.078c-.012.207.2.353.385.266l1.2-.561a.272.272%200%200%201%20.384.267l-.294%204.835c-.018.303.39.41.516.134l.084-.183l4.245-12.847c.07-.215-.133-.42-.345-.347l-2.033.7a.273.273%200%200%201-.357-.298l.687-4.982a.273.273%200%200%200-.357-.299%22%20transform%3D%22translate(11.917%2010)scale(.41667)%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-vitepress-opened.svg?color=%231a73e8&size=48
