file type pandacss logo
file-type-pandacss from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-pandacss
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 32×32
- License
- MIT
Related icons in VSCode Icons
file-type-accessfile-type-access2file-type-actionscriptfile-type-actionscript2file-type-adafile-type-advplfile-type-affinityfile-type-affinitydesignerfile-type-affinityphotofile-type-affinitypublisherfile-type-agdafile-type-agentsfile-type-aifile-type-ai2file-type-aikidofile-type-alfile-type-al-dalfile-type-alchemyfile-type-allcontributorsfile-type-alloyfile-type-allurefile-type-angularfile-type-ansiblefile-type-antlers-html
Use the file type pandacss logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g stroke-width=".818"><path fill="#f6e458" d="M2.053 5.25c.008-1.752 1.46-3.189 3.23-3.197h21.435c1.772 0 3.23 1.443 3.23 3.196v21.502c0 1.753-1.458 3.196-3.23 3.197H5.283c-1.77-.009-3.222-1.446-3.23-3.197z"/><path d="M19.549 8.425c-1.496-.43-3.022-.488-4.577-.348c-.87.09-1.706.262-2.513.566c-1.744.654-3.054 1.789-3.834 3.498c-.56 1.224-.763 2.525-.784 3.86c-.022 1.411.154 2.802.435 4.181c.255 1.25.594 2.476 1.079 3.66c.046.112.103.15.225.15q2.298-.005 4.595-.004h1.361q.051 0 .11-.004l.065-.003l-.025-.06l-.043-.102q-.167-.355-.337-.709a38 38 0 0 1-.712-1.545c-.673-1.582-1.188-3.212-1.345-4.936c-.07-.762-.06-1.518.151-2.26c.242-.847.76-1.445 1.618-1.696a4 4 0 0 1 2.371.025c.701.227 1.157.706 1.352 1.421a3.6 3.6 0 0 1 .036 1.66c-.087.426-.263.815-.577 1.127c-.564.558-1.27.687-2.026.644a8 8 0 0 1-.407-.038l-.196-.02l.004.059q0 .05.01.098q.049.195.094.39c.074.313.147.626.243.933q.28.903.65 1.764c1.756-.137 3.373-.574 5.09-1.604l.072-.045c.737-.46 1.334-1.054 1.746-1.823c.666-1.246.795-2.576.598-3.95c-.205-1.42-.841-2.61-1.937-3.543c-.76-.648-1.638-1.072-2.592-1.346"/></g></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypePandacss(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g strokeWidth=".818"><path fill="#f6e458" d="M2.053 5.25c.008-1.752 1.46-3.189 3.23-3.197h21.435c1.772 0 3.23 1.443 3.23 3.196v21.502c0 1.753-1.458 3.196-3.23 3.197H5.283c-1.77-.009-3.222-1.446-3.23-3.197z"/><path d="M19.549 8.425c-1.496-.43-3.022-.488-4.577-.348c-.87.09-1.706.262-2.513.566c-1.744.654-3.054 1.789-3.834 3.498c-.56 1.224-.763 2.525-.784 3.86c-.022 1.411.154 2.802.435 4.181c.255 1.25.594 2.476 1.079 3.66c.046.112.103.15.225.15q2.298-.005 4.595-.004h1.361q.051 0 .11-.004l.065-.003l-.025-.06l-.043-.102q-.167-.355-.337-.709a38 38 0 0 1-.712-1.545c-.673-1.582-1.188-3.212-1.345-4.936c-.07-.762-.06-1.518.151-2.26c.242-.847.76-1.445 1.618-1.696a4 4 0 0 1 2.371.025c.701.227 1.157.706 1.352 1.421a3.6 3.6 0 0 1 .036 1.66c-.087.426-.263.815-.577 1.127c-.564.558-1.27.687-2.026.644a8 8 0 0 1-.407-.038l-.196-.02l.004.059q0 .05.01.098q.049.195.094.39c.074.313.147.626.243.933q.28.903.65 1.764c1.756-.137 3.373-.574 5.09-1.604l.072-.045c.737-.46 1.334-1.054 1.746-1.823c.666-1.246.795-2.576.598-3.95c-.205-1.42-.841-2.61-1.937-3.543c-.76-.648-1.638-1.072-2.592-1.346"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g stroke-width=".818"><path fill="#f6e458" d="M2.053 5.25c.008-1.752 1.46-3.189 3.23-3.197h21.435c1.772 0 3.23 1.443 3.23 3.196v21.502c0 1.753-1.458 3.196-3.23 3.197H5.283c-1.77-.009-3.222-1.446-3.23-3.197z"/><path d="M19.549 8.425c-1.496-.43-3.022-.488-4.577-.348c-.87.09-1.706.262-2.513.566c-1.744.654-3.054 1.789-3.834 3.498c-.56 1.224-.763 2.525-.784 3.86c-.022 1.411.154 2.802.435 4.181c.255 1.25.594 2.476 1.079 3.66c.046.112.103.15.225.15q2.298-.005 4.595-.004h1.361q.051 0 .11-.004l.065-.003l-.025-.06l-.043-.102q-.167-.355-.337-.709a38 38 0 0 1-.712-1.545c-.673-1.582-1.188-3.212-1.345-4.936c-.07-.762-.06-1.518.151-2.26c.242-.847.76-1.445 1.618-1.696a4 4 0 0 1 2.371.025c.701.227 1.157.706 1.352 1.421a3.6 3.6 0 0 1 .036 1.66c-.087.426-.263.815-.577 1.127c-.564.558-1.27.687-2.026.644a8 8 0 0 1-.407-.038l-.196-.02l.004.059q0 .05.01.098q.049.195.094.39c.074.313.147.626.243.933q.28.903.65 1.764c1.756-.137 3.373-.574 5.09-1.604l.072-.045c.737-.46 1.334-1.054 1.746-1.823c.666-1.246.795-2.576.598-3.95c-.205-1.42-.841-2.61-1.937-3.543c-.76-.648-1.638-1.072-2.592-1.346"/></g></svg> </template>
CSS
.icon-file-type-pandacss {
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%3Cg%20stroke-width%3D%22.818%22%3E%3Cpath%20fill%3D%22%23f6e458%22%20d%3D%22M2.053%205.25c.008-1.752%201.46-3.189%203.23-3.197h21.435c1.772%200%203.23%201.443%203.23%203.196v21.502c0%201.753-1.458%203.196-3.23%203.197H5.283c-1.77-.009-3.222-1.446-3.23-3.197z%22%2F%3E%3Cpath%20d%3D%22M19.549%208.425c-1.496-.43-3.022-.488-4.577-.348c-.87.09-1.706.262-2.513.566c-1.744.654-3.054%201.789-3.834%203.498c-.56%201.224-.763%202.525-.784%203.86c-.022%201.411.154%202.802.435%204.181c.255%201.25.594%202.476%201.079%203.66c.046.112.103.15.225.15q2.298-.005%204.595-.004h1.361q.051%200%20.11-.004l.065-.003l-.025-.06l-.043-.102q-.167-.355-.337-.709a38%2038%200%200%201-.712-1.545c-.673-1.582-1.188-3.212-1.345-4.936c-.07-.762-.06-1.518.151-2.26c.242-.847.76-1.445%201.618-1.696a4%204%200%200%201%202.371.025c.701.227%201.157.706%201.352%201.421a3.6%203.6%200%200%201%20.036%201.66c-.087.426-.263.815-.577%201.127c-.564.558-1.27.687-2.026.644a8%208%200%200%201-.407-.038l-.196-.02l.004.059q0%20.05.01.098q.049.195.094.39c.074.313.147.626.243.933q.28.903.65%201.764c1.756-.137%203.373-.574%205.09-1.604l.072-.045c.737-.46%201.334-1.054%201.746-1.823c.666-1.246.795-2.576.598-3.95c-.205-1.42-.841-2.61-1.937-3.543c-.76-.648-1.638-1.072-2.592-1.346%22%2F%3E%3C%2Fg%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%3Cg%20stroke-width%3D%22.818%22%3E%3Cpath%20fill%3D%22%23f6e458%22%20d%3D%22M2.053%205.25c.008-1.752%201.46-3.189%203.23-3.197h21.435c1.772%200%203.23%201.443%203.23%203.196v21.502c0%201.753-1.458%203.196-3.23%203.197H5.283c-1.77-.009-3.222-1.446-3.23-3.197z%22%2F%3E%3Cpath%20d%3D%22M19.549%208.425c-1.496-.43-3.022-.488-4.577-.348c-.87.09-1.706.262-2.513.566c-1.744.654-3.054%201.789-3.834%203.498c-.56%201.224-.763%202.525-.784%203.86c-.022%201.411.154%202.802.435%204.181c.255%201.25.594%202.476%201.079%203.66c.046.112.103.15.225.15q2.298-.005%204.595-.004h1.361q.051%200%20.11-.004l.065-.003l-.025-.06l-.043-.102q-.167-.355-.337-.709a38%2038%200%200%201-.712-1.545c-.673-1.582-1.188-3.212-1.345-4.936c-.07-.762-.06-1.518.151-2.26c.242-.847.76-1.445%201.618-1.696a4%204%200%200%201%202.371.025c.701.227%201.157.706%201.352%201.421a3.6%203.6%200%200%201%20.036%201.66c-.087.426-.263.815-.577%201.127c-.564.558-1.27.687-2.026.644a8%208%200%200%201-.407-.038l-.196-.02l.004.059q0%20.05.01.098q.049.195.094.39c.074.313.147.626.243.933q.28.903.65%201.764c1.756-.137%203.373-.574%205.09-1.604l.072-.045c.737-.46%201.334-1.054%201.746-1.823c.666-1.246.795-2.576.598-3.95c-.205-1.42-.841-2.61-1.937-3.543c-.76-.648-1.638-1.072-2.592-1.346%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-pandacss.svg?color=%231a73e8&size=48
