file type paket logo
file-type-paket from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-paket
- 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 paket logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><radialGradient id="SVGh3xaXcdF" cx="-2.176" cy="-818.913" r="48.27" gradientTransform="matrix(.36 .402 .222 -.163 197.796 -86.468)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7ce1ff"/><stop offset=".3" stop-color="#7ce1ff" stop-opacity="0"/></radialGradient><radialGradient id="SVGqWKFNclI" cx="4199.973" cy="-1187.763" r="83.239" gradientTransform="matrix(.031 .03 .075 -.062 -28.337 -144.76)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7ce1ff"/><stop offset="1" stop-color="#7ce1ff" stop-opacity="0"/></radialGradient><radialGradient id="SVGwpq5AceR" cx="-264.938" cy="-509.943" r="27.886" gradientTransform="matrix(-1.048 -.5 -1.117 .527 -829.648 192.721)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7ce1ff" stop-opacity=".8"/><stop offset=".15" stop-color="#7ce1ff" stop-opacity="0"/></radialGradient></defs><path fill="#0a6ec9" d="m2 9.033l14-6.956l14 6.956v.919l-14 6.956L2 9.974Z"/><path fill="#0568c1" d="m2 9.033l14 6.956l14-6.956v13.934l-14.044 6.956L2 22.967Z"/><path fill="#0663b4" d="M16 29.9V15.989L2.087 9.077H2v13.89l13.956 6.956Z"/><path fill="#add4f7" d="m7.709 6.211l13.978 6.956l2.844-1.4l-14.022-6.956Z"/><path fill="#99c7f2" d="m21.687 13.167l2.844-1.4v4.375l-.766-.131l-.809.989l-1.269-.087Z"/><path fill="#f2f2f2" d="m13.112 21.545l-4.725-2.362c-.262-.131-.481.022-.481.35V22.7a1 1 0 0 0 .481.831l4.747 2.369c.262.131.481-.022.481-.35v-3.195a1.04 1.04 0 0 0-.503-.81m-1.072 2.6l-3.018-1.506a.53.53 0 0 1-.241-.438c0-.175.109-.262.241-.2l3.019 1.509a.53.53 0 0 1 .241.438c-.001.179-.11.266-.241.2Zm.438-1.094L9.022 21.3a.53.53 0 0 1-.241-.438c0-.175.109-.262.241-.2l3.456 1.75a.53.53 0 0 1 .241.438c0 .205-.11.27-.241.205Z"/><path fill="none" stroke="url(#SVGh3xaXcdF)" stroke-linecap="round" stroke-width="76.717" d="M18.558 49.816c.061-.183-7-7.561-7-7.561"/><path fill="#2aa7c9" stroke="url(#SVGqWKFNclI)" stroke-linecap="round" stroke-width="76.717" d="M8.558 56.835s9.942-6.825 10-7"/><path fill="none" stroke="url(#SVGwpq5AceR)" stroke-linecap="round" stroke-width="100" d="M8.73 57.121h1.124"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypePaket(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><radialGradient id="SVGh3xaXcdF" cx="-2.176" cy="-818.913" r="48.27" gradientTransform="matrix(.36 .402 .222 -.163 197.796 -86.468)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#7ce1ff"/><stop offset=".3" stopColor="#7ce1ff" stopOpacity="0"/></radialGradient><radialGradient id="SVGqWKFNclI" cx="4199.973" cy="-1187.763" r="83.239" gradientTransform="matrix(.031 .03 .075 -.062 -28.337 -144.76)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#7ce1ff"/><stop offset="1" stopColor="#7ce1ff" stopOpacity="0"/></radialGradient><radialGradient id="SVGwpq5AceR" cx="-264.938" cy="-509.943" r="27.886" gradientTransform="matrix(-1.048 -.5 -1.117 .527 -829.648 192.721)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#7ce1ff" stopOpacity=".8"/><stop offset=".15" stopColor="#7ce1ff" stopOpacity="0"/></radialGradient></defs><path fill="#0a6ec9" d="m2 9.033l14-6.956l14 6.956v.919l-14 6.956L2 9.974Z"/><path fill="#0568c1" d="m2 9.033l14 6.956l14-6.956v13.934l-14.044 6.956L2 22.967Z"/><path fill="#0663b4" d="M16 29.9V15.989L2.087 9.077H2v13.89l13.956 6.956Z"/><path fill="#add4f7" d="m7.709 6.211l13.978 6.956l2.844-1.4l-14.022-6.956Z"/><path fill="#99c7f2" d="m21.687 13.167l2.844-1.4v4.375l-.766-.131l-.809.989l-1.269-.087Z"/><path fill="#f2f2f2" d="m13.112 21.545l-4.725-2.362c-.262-.131-.481.022-.481.35V22.7a1 1 0 0 0 .481.831l4.747 2.369c.262.131.481-.022.481-.35v-3.195a1.04 1.04 0 0 0-.503-.81m-1.072 2.6l-3.018-1.506a.53.53 0 0 1-.241-.438c0-.175.109-.262.241-.2l3.019 1.509a.53.53 0 0 1 .241.438c-.001.179-.11.266-.241.2Zm.438-1.094L9.022 21.3a.53.53 0 0 1-.241-.438c0-.175.109-.262.241-.2l3.456 1.75a.53.53 0 0 1 .241.438c0 .205-.11.27-.241.205Z"/><path fill="none" stroke="url(#SVGh3xaXcdF)" strokeLinecap="round" strokeWidth="76.717" d="M18.558 49.816c.061-.183-7-7.561-7-7.561"/><path fill="#2aa7c9" stroke="url(#SVGqWKFNclI)" strokeLinecap="round" strokeWidth="76.717" d="M8.558 56.835s9.942-6.825 10-7"/><path fill="none" stroke="url(#SVGwpq5AceR)" strokeLinecap="round" strokeWidth="100" d="M8.73 57.121h1.124"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><radialGradient id="SVGh3xaXcdF" cx="-2.176" cy="-818.913" r="48.27" gradientTransform="matrix(.36 .402 .222 -.163 197.796 -86.468)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7ce1ff"/><stop offset=".3" stop-color="#7ce1ff" stop-opacity="0"/></radialGradient><radialGradient id="SVGqWKFNclI" cx="4199.973" cy="-1187.763" r="83.239" gradientTransform="matrix(.031 .03 .075 -.062 -28.337 -144.76)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7ce1ff"/><stop offset="1" stop-color="#7ce1ff" stop-opacity="0"/></radialGradient><radialGradient id="SVGwpq5AceR" cx="-264.938" cy="-509.943" r="27.886" gradientTransform="matrix(-1.048 -.5 -1.117 .527 -829.648 192.721)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#7ce1ff" stop-opacity=".8"/><stop offset=".15" stop-color="#7ce1ff" stop-opacity="0"/></radialGradient></defs><path fill="#0a6ec9" d="m2 9.033l14-6.956l14 6.956v.919l-14 6.956L2 9.974Z"/><path fill="#0568c1" d="m2 9.033l14 6.956l14-6.956v13.934l-14.044 6.956L2 22.967Z"/><path fill="#0663b4" d="M16 29.9V15.989L2.087 9.077H2v13.89l13.956 6.956Z"/><path fill="#add4f7" d="m7.709 6.211l13.978 6.956l2.844-1.4l-14.022-6.956Z"/><path fill="#99c7f2" d="m21.687 13.167l2.844-1.4v4.375l-.766-.131l-.809.989l-1.269-.087Z"/><path fill="#f2f2f2" d="m13.112 21.545l-4.725-2.362c-.262-.131-.481.022-.481.35V22.7a1 1 0 0 0 .481.831l4.747 2.369c.262.131.481-.022.481-.35v-3.195a1.04 1.04 0 0 0-.503-.81m-1.072 2.6l-3.018-1.506a.53.53 0 0 1-.241-.438c0-.175.109-.262.241-.2l3.019 1.509a.53.53 0 0 1 .241.438c-.001.179-.11.266-.241.2Zm.438-1.094L9.022 21.3a.53.53 0 0 1-.241-.438c0-.175.109-.262.241-.2l3.456 1.75a.53.53 0 0 1 .241.438c0 .205-.11.27-.241.205Z"/><path fill="none" stroke="url(#SVGh3xaXcdF)" stroke-linecap="round" stroke-width="76.717" d="M18.558 49.816c.061-.183-7-7.561-7-7.561"/><path fill="#2aa7c9" stroke="url(#SVGqWKFNclI)" stroke-linecap="round" stroke-width="76.717" d="M8.558 56.835s9.942-6.825 10-7"/><path fill="none" stroke="url(#SVGwpq5AceR)" stroke-linecap="round" stroke-width="100" d="M8.73 57.121h1.124"/></svg> </template>
CSS
.icon-file-type-paket {
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%3CradialGradient%20id%3D%22SVGh3xaXcdF%22%20cx%3D%22-2.176%22%20cy%3D%22-818.913%22%20r%3D%2248.27%22%20gradientTransform%3D%22matrix(.36%20.402%20.222%20-.163%20197.796%20-86.468)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237ce1ff%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%237ce1ff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGqWKFNclI%22%20cx%3D%224199.973%22%20cy%3D%22-1187.763%22%20r%3D%2283.239%22%20gradientTransform%3D%22matrix(.031%20.03%20.075%20-.062%20-28.337%20-144.76)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237ce1ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237ce1ff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGwpq5AceR%22%20cx%3D%22-264.938%22%20cy%3D%22-509.943%22%20r%3D%2227.886%22%20gradientTransform%3D%22matrix(-1.048%20-.5%20-1.117%20.527%20-829.648%20192.721)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237ce1ff%22%20stop-opacity%3D%22.8%22%2F%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%237ce1ff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%230a6ec9%22%20d%3D%22m2%209.033l14-6.956l14%206.956v.919l-14%206.956L2%209.974Z%22%2F%3E%3Cpath%20fill%3D%22%230568c1%22%20d%3D%22m2%209.033l14%206.956l14-6.956v13.934l-14.044%206.956L2%2022.967Z%22%2F%3E%3Cpath%20fill%3D%22%230663b4%22%20d%3D%22M16%2029.9V15.989L2.087%209.077H2v13.89l13.956%206.956Z%22%2F%3E%3Cpath%20fill%3D%22%23add4f7%22%20d%3D%22m7.709%206.211l13.978%206.956l2.844-1.4l-14.022-6.956Z%22%2F%3E%3Cpath%20fill%3D%22%2399c7f2%22%20d%3D%22m21.687%2013.167l2.844-1.4v4.375l-.766-.131l-.809.989l-1.269-.087Z%22%2F%3E%3Cpath%20fill%3D%22%23f2f2f2%22%20d%3D%22m13.112%2021.545l-4.725-2.362c-.262-.131-.481.022-.481.35V22.7a1%201%200%200%200%20.481.831l4.747%202.369c.262.131.481-.022.481-.35v-3.195a1.04%201.04%200%200%200-.503-.81m-1.072%202.6l-3.018-1.506a.53.53%200%200%201-.241-.438c0-.175.109-.262.241-.2l3.019%201.509a.53.53%200%200%201%20.241.438c-.001.179-.11.266-.241.2Zm.438-1.094L9.022%2021.3a.53.53%200%200%201-.241-.438c0-.175.109-.262.241-.2l3.456%201.75a.53.53%200%200%201%20.241.438c0%20.205-.11.27-.241.205Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22url(%23SVGh3xaXcdF)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%2276.717%22%20d%3D%22M18.558%2049.816c.061-.183-7-7.561-7-7.561%22%2F%3E%3Cpath%20fill%3D%22%232aa7c9%22%20stroke%3D%22url(%23SVGqWKFNclI)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%2276.717%22%20d%3D%22M8.558%2056.835s9.942-6.825%2010-7%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22url(%23SVGwpq5AceR)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22100%22%20d%3D%22M8.73%2057.121h1.124%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%3CradialGradient%20id%3D%22SVGh3xaXcdF%22%20cx%3D%22-2.176%22%20cy%3D%22-818.913%22%20r%3D%2248.27%22%20gradientTransform%3D%22matrix(.36%20.402%20.222%20-.163%20197.796%20-86.468)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237ce1ff%22%2F%3E%3Cstop%20offset%3D%22.3%22%20stop-color%3D%22%237ce1ff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGqWKFNclI%22%20cx%3D%224199.973%22%20cy%3D%22-1187.763%22%20r%3D%2283.239%22%20gradientTransform%3D%22matrix(.031%20.03%20.075%20-.062%20-28.337%20-144.76)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237ce1ff%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%237ce1ff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3CradialGradient%20id%3D%22SVGwpq5AceR%22%20cx%3D%22-264.938%22%20cy%3D%22-509.943%22%20r%3D%2227.886%22%20gradientTransform%3D%22matrix(-1.048%20-.5%20-1.117%20.527%20-829.648%20192.721)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%237ce1ff%22%20stop-opacity%3D%22.8%22%2F%3E%3Cstop%20offset%3D%22.15%22%20stop-color%3D%22%237ce1ff%22%20stop-opacity%3D%220%22%2F%3E%3C%2FradialGradient%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22%230a6ec9%22%20d%3D%22m2%209.033l14-6.956l14%206.956v.919l-14%206.956L2%209.974Z%22%2F%3E%3Cpath%20fill%3D%22%230568c1%22%20d%3D%22m2%209.033l14%206.956l14-6.956v13.934l-14.044%206.956L2%2022.967Z%22%2F%3E%3Cpath%20fill%3D%22%230663b4%22%20d%3D%22M16%2029.9V15.989L2.087%209.077H2v13.89l13.956%206.956Z%22%2F%3E%3Cpath%20fill%3D%22%23add4f7%22%20d%3D%22m7.709%206.211l13.978%206.956l2.844-1.4l-14.022-6.956Z%22%2F%3E%3Cpath%20fill%3D%22%2399c7f2%22%20d%3D%22m21.687%2013.167l2.844-1.4v4.375l-.766-.131l-.809.989l-1.269-.087Z%22%2F%3E%3Cpath%20fill%3D%22%23f2f2f2%22%20d%3D%22m13.112%2021.545l-4.725-2.362c-.262-.131-.481.022-.481.35V22.7a1%201%200%200%200%20.481.831l4.747%202.369c.262.131.481-.022.481-.35v-3.195a1.04%201.04%200%200%200-.503-.81m-1.072%202.6l-3.018-1.506a.53.53%200%200%201-.241-.438c0-.175.109-.262.241-.2l3.019%201.509a.53.53%200%200%201%20.241.438c-.001.179-.11.266-.241.2Zm.438-1.094L9.022%2021.3a.53.53%200%200%201-.241-.438c0-.175.109-.262.241-.2l3.456%201.75a.53.53%200%200%201%20.241.438c0%20.205-.11.27-.241.205Z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22url(%23SVGh3xaXcdF)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%2276.717%22%20d%3D%22M18.558%2049.816c.061-.183-7-7.561-7-7.561%22%2F%3E%3Cpath%20fill%3D%22%232aa7c9%22%20stroke%3D%22url(%23SVGqWKFNclI)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%2276.717%22%20d%3D%22M8.558%2056.835s9.942-6.825%2010-7%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22url(%23SVGwpq5AceR)%22%20stroke-linecap%3D%22round%22%20stroke-width%3D%22100%22%20d%3D%22M8.73%2057.121h1.124%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-paket.svg?color=%231a73e8&size=48
