file type package logo
file-type-package from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-package
- 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 package logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f2e6c9" d="M7.61 3.093c2.078-.019 4.159 0 6.238-.008c-.493 2.123-.966 4.252-1.457 6.376H2.9c-.3 0-.6.01-.9-.012c1.864-2.124 3.749-4.23 5.61-6.356m10.553-.007h6.22C26.251 5.212 28.137 7.32 30 9.449c-1.2.025-2.4 0-3.6.011h-6.795c-.472-2.127-.976-4.246-1.442-6.374"/><path fill="#efc75e" d="M13.848 3.086h4.315c.466 2.128.969 4.247 1.444 6.373h-7.216c.491-2.122.964-4.25 1.457-6.373"/><path fill="#e7bf55" d="M2 9.448c.3.022.6.011.9.012h9.491q-.002 3.368.007 6.735a2 2 0 0 0 .256.018h6.743q.1-.002.2-.014c.019-2.247 0-4.494.009-6.741h6.795c1.2-.006 2.4.014 3.6-.011v19.466h-28z"/><path fill="#dbb551" d="M12.391 9.462h7.216c-.008 2.247.011 4.494-.009 6.741a3 3 0 0 1-.2.014h-6.743a2 2 0 0 1-.255-.017c-.014-2.248 0-4.494-.009-6.738"/><path fill="#f2f2f2" d="M4.044 22.581h9.37v3.608h-9.37z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypePackage(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f2e6c9" d="M7.61 3.093c2.078-.019 4.159 0 6.238-.008c-.493 2.123-.966 4.252-1.457 6.376H2.9c-.3 0-.6.01-.9-.012c1.864-2.124 3.749-4.23 5.61-6.356m10.553-.007h6.22C26.251 5.212 28.137 7.32 30 9.449c-1.2.025-2.4 0-3.6.011h-6.795c-.472-2.127-.976-4.246-1.442-6.374"/><path fill="#efc75e" d="M13.848 3.086h4.315c.466 2.128.969 4.247 1.444 6.373h-7.216c.491-2.122.964-4.25 1.457-6.373"/><path fill="#e7bf55" d="M2 9.448c.3.022.6.011.9.012h9.491q-.002 3.368.007 6.735a2 2 0 0 0 .256.018h6.743q.1-.002.2-.014c.019-2.247 0-4.494.009-6.741h6.795c1.2-.006 2.4.014 3.6-.011v19.466h-28z"/><path fill="#dbb551" d="M12.391 9.462h7.216c-.008 2.247.011 4.494-.009 6.741a3 3 0 0 1-.2.014h-6.743a2 2 0 0 1-.255-.017c-.014-2.248 0-4.494-.009-6.738"/><path fill="#f2f2f2" d="M4.044 22.581h9.37v3.608h-9.37z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f2e6c9" d="M7.61 3.093c2.078-.019 4.159 0 6.238-.008c-.493 2.123-.966 4.252-1.457 6.376H2.9c-.3 0-.6.01-.9-.012c1.864-2.124 3.749-4.23 5.61-6.356m10.553-.007h6.22C26.251 5.212 28.137 7.32 30 9.449c-1.2.025-2.4 0-3.6.011h-6.795c-.472-2.127-.976-4.246-1.442-6.374"/><path fill="#efc75e" d="M13.848 3.086h4.315c.466 2.128.969 4.247 1.444 6.373h-7.216c.491-2.122.964-4.25 1.457-6.373"/><path fill="#e7bf55" d="M2 9.448c.3.022.6.011.9.012h9.491q-.002 3.368.007 6.735a2 2 0 0 0 .256.018h6.743q.1-.002.2-.014c.019-2.247 0-4.494.009-6.741h6.795c1.2-.006 2.4.014 3.6-.011v19.466h-28z"/><path fill="#dbb551" d="M12.391 9.462h7.216c-.008 2.247.011 4.494-.009 6.741a3 3 0 0 1-.2.014h-6.743a2 2 0 0 1-.255-.017c-.014-2.248 0-4.494-.009-6.738"/><path fill="#f2f2f2" d="M4.044 22.581h9.37v3.608h-9.37z"/></svg> </template>
CSS
.icon-file-type-package {
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%23f2e6c9%22%20d%3D%22M7.61%203.093c2.078-.019%204.159%200%206.238-.008c-.493%202.123-.966%204.252-1.457%206.376H2.9c-.3%200-.6.01-.9-.012c1.864-2.124%203.749-4.23%205.61-6.356m10.553-.007h6.22C26.251%205.212%2028.137%207.32%2030%209.449c-1.2.025-2.4%200-3.6.011h-6.795c-.472-2.127-.976-4.246-1.442-6.374%22%2F%3E%3Cpath%20fill%3D%22%23efc75e%22%20d%3D%22M13.848%203.086h4.315c.466%202.128.969%204.247%201.444%206.373h-7.216c.491-2.122.964-4.25%201.457-6.373%22%2F%3E%3Cpath%20fill%3D%22%23e7bf55%22%20d%3D%22M2%209.448c.3.022.6.011.9.012h9.491q-.002%203.368.007%206.735a2%202%200%200%200%20.256.018h6.743q.1-.002.2-.014c.019-2.247%200-4.494.009-6.741h6.795c1.2-.006%202.4.014%203.6-.011v19.466h-28z%22%2F%3E%3Cpath%20fill%3D%22%23dbb551%22%20d%3D%22M12.391%209.462h7.216c-.008%202.247.011%204.494-.009%206.741a3%203%200%200%201-.2.014h-6.743a2%202%200%200%201-.255-.017c-.014-2.248%200-4.494-.009-6.738%22%2F%3E%3Cpath%20fill%3D%22%23f2f2f2%22%20d%3D%22M4.044%2022.581h9.37v3.608h-9.37z%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%23f2e6c9%22%20d%3D%22M7.61%203.093c2.078-.019%204.159%200%206.238-.008c-.493%202.123-.966%204.252-1.457%206.376H2.9c-.3%200-.6.01-.9-.012c1.864-2.124%203.749-4.23%205.61-6.356m10.553-.007h6.22C26.251%205.212%2028.137%207.32%2030%209.449c-1.2.025-2.4%200-3.6.011h-6.795c-.472-2.127-.976-4.246-1.442-6.374%22%2F%3E%3Cpath%20fill%3D%22%23efc75e%22%20d%3D%22M13.848%203.086h4.315c.466%202.128.969%204.247%201.444%206.373h-7.216c.491-2.122.964-4.25%201.457-6.373%22%2F%3E%3Cpath%20fill%3D%22%23e7bf55%22%20d%3D%22M2%209.448c.3.022.6.011.9.012h9.491q-.002%203.368.007%206.735a2%202%200%200%200%20.256.018h6.743q.1-.002.2-.014c.019-2.247%200-4.494.009-6.741h6.795c1.2-.006%202.4.014%203.6-.011v19.466h-28z%22%2F%3E%3Cpath%20fill%3D%22%23dbb551%22%20d%3D%22M12.391%209.462h7.216c-.008%202.247.011%204.494-.009%206.741a3%203%200%200%201-.2.014h-6.743a2%202%200%200%201-.255-.017c-.014-2.248%200-4.494-.009-6.738%22%2F%3E%3Cpath%20fill%3D%22%23f2f2f2%22%20d%3D%22M4.044%2022.581h9.37v3.608h-9.37z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/vscode-icons/file-type-package.svg?color=%231a73e8&size=48
