file type pip logo
file-type-pip from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-pip
- 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 pip logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGZXgnfeoC" x1="17.649" x2="28.104" y1="8.845" y2="19.301" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#387eb8"/><stop offset="1" stop-color="#366994"/></linearGradient><linearGradient id="SVGkMfE6b4n" x1="10.011" x2="20.363" y1="22.109" y2="11.758" gradientTransform="matrix(1 0 0 -1 0 32.257)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffe052"/><stop offset="1" stop-color="#ffc331"/></linearGradient><linearGradient id="SVGfAyvneeC" x1="-.155" x2="10.301" y1="8.846" y2="19.301" href="#SVGZXgnfeoC"/></defs><path fill="url(#SVGZXgnfeoC)" d="m24.989 7.936l-.028-.009c-5.58 0-5.15 2.794-5.15 2.794v10.605s-.006 2.749 2.562 2.749h.018c2.513 0 2.51-2.747 2.51-2.747V16.52h2.972C30 16.52 30 15.159 30 15.159v-4.913s.333-2.31-5.011-2.31m3.7 2.541a.914.914 0 1 1-.89-.936l-.024.007a.914.914 0 0 1 .914.914z"/><path fill="url(#SVGkMfE6b4n)" d="M16.01 24.073h-.017c-2.561 0-2.561-3.585-2.561-3.585v-8.78s-.007-3.531 2.561-3.524h.018c2.51 0 2.51 3.524 2.51 3.524v8.78s0 3.584-2.511 3.585m.947-2.3a.914.914 0 1 0-.89.937l-.024-.007a.914.914 0 0 0 .914-.914Z"/><path fill="url(#SVGfAyvneeC)" d="m7.186 7.936l-.028-.012c-5.58 0-5.15 2.794-5.15 2.794v10.608s-.008 2.75 2.56 2.75h.018c2.513 0 2.51-2.747 2.51-2.747V16.52h2.971c2.129 0 2.124-1.361 2.124-1.361v-4.913s.335-2.31-5.005-2.31m3.7 2.541A.914.914 0 1 1 10 9.54l-.024.007a.914.914 0 0 1 .914.914v.015Z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypePip(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="SVGZXgnfeoC" x1="17.649" x2="28.104" y1="8.845" y2="19.301" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#387eb8"/><stop offset="1" stopColor="#366994"/></linearGradient><linearGradient id="SVGkMfE6b4n" x1="10.011" x2="20.363" y1="22.109" y2="11.758" gradientTransform="matrix(1 0 0 -1 0 32.257)" gradientUnits="userSpaceOnUse"><stop offset="0" stopColor="#ffe052"/><stop offset="1" stopColor="#ffc331"/></linearGradient><linearGradient id="SVGfAyvneeC" x1="-.155" x2="10.301" y1="8.846" y2="19.301" href="#SVGZXgnfeoC"/></defs><path fill="url(#SVGZXgnfeoC)" d="m24.989 7.936l-.028-.009c-5.58 0-5.15 2.794-5.15 2.794v10.605s-.006 2.749 2.562 2.749h.018c2.513 0 2.51-2.747 2.51-2.747V16.52h2.972C30 16.52 30 15.159 30 15.159v-4.913s.333-2.31-5.011-2.31m3.7 2.541a.914.914 0 1 1-.89-.936l-.024.007a.914.914 0 0 1 .914.914z"/><path fill="url(#SVGkMfE6b4n)" d="M16.01 24.073h-.017c-2.561 0-2.561-3.585-2.561-3.585v-8.78s-.007-3.531 2.561-3.524h.018c2.51 0 2.51 3.524 2.51 3.524v8.78s0 3.584-2.511 3.585m.947-2.3a.914.914 0 1 0-.89.937l-.024-.007a.914.914 0 0 0 .914-.914Z"/><path fill="url(#SVGfAyvneeC)" d="m7.186 7.936l-.028-.012c-5.58 0-5.15 2.794-5.15 2.794v10.608s-.008 2.75 2.56 2.75h.018c2.513 0 2.51-2.747 2.51-2.747V16.52h2.971c2.129 0 2.124-1.361 2.124-1.361v-4.913s.335-2.31-5.005-2.31m3.7 2.541A.914.914 0 1 1 10 9.54l-.024.007a.914.914 0 0 1 .914.914v.015Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><defs><linearGradient id="SVGZXgnfeoC" x1="17.649" x2="28.104" y1="8.845" y2="19.301" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#387eb8"/><stop offset="1" stop-color="#366994"/></linearGradient><linearGradient id="SVGkMfE6b4n" x1="10.011" x2="20.363" y1="22.109" y2="11.758" gradientTransform="matrix(1 0 0 -1 0 32.257)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffe052"/><stop offset="1" stop-color="#ffc331"/></linearGradient><linearGradient id="SVGfAyvneeC" x1="-.155" x2="10.301" y1="8.846" y2="19.301" href="#SVGZXgnfeoC"/></defs><path fill="url(#SVGZXgnfeoC)" d="m24.989 7.936l-.028-.009c-5.58 0-5.15 2.794-5.15 2.794v10.605s-.006 2.749 2.562 2.749h.018c2.513 0 2.51-2.747 2.51-2.747V16.52h2.972C30 16.52 30 15.159 30 15.159v-4.913s.333-2.31-5.011-2.31m3.7 2.541a.914.914 0 1 1-.89-.936l-.024.007a.914.914 0 0 1 .914.914z"/><path fill="url(#SVGkMfE6b4n)" d="M16.01 24.073h-.017c-2.561 0-2.561-3.585-2.561-3.585v-8.78s-.007-3.531 2.561-3.524h.018c2.51 0 2.51 3.524 2.51 3.524v8.78s0 3.584-2.511 3.585m.947-2.3a.914.914 0 1 0-.89.937l-.024-.007a.914.914 0 0 0 .914-.914Z"/><path fill="url(#SVGfAyvneeC)" d="m7.186 7.936l-.028-.012c-5.58 0-5.15 2.794-5.15 2.794v10.608s-.008 2.75 2.56 2.75h.018c2.513 0 2.51-2.747 2.51-2.747V16.52h2.971c2.129 0 2.124-1.361 2.124-1.361v-4.913s.335-2.31-5.005-2.31m3.7 2.541A.914.914 0 1 1 10 9.54l-.024.007a.914.914 0 0 1 .914.914v.015Z"/></svg> </template>
CSS
.icon-file-type-pip {
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%22SVGZXgnfeoC%22%20x1%3D%2217.649%22%20x2%3D%2228.104%22%20y1%3D%228.845%22%20y2%3D%2219.301%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23387eb8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23366994%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGkMfE6b4n%22%20x1%3D%2210.011%22%20x2%3D%2220.363%22%20y1%3D%2222.109%22%20y2%3D%2211.758%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2032.257)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe052%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffc331%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfAyvneeC%22%20x1%3D%22-.155%22%20x2%3D%2210.301%22%20y1%3D%228.846%22%20y2%3D%2219.301%22%20href%3D%22%23SVGZXgnfeoC%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGZXgnfeoC)%22%20d%3D%22m24.989%207.936l-.028-.009c-5.58%200-5.15%202.794-5.15%202.794v10.605s-.006%202.749%202.562%202.749h.018c2.513%200%202.51-2.747%202.51-2.747V16.52h2.972C30%2016.52%2030%2015.159%2030%2015.159v-4.913s.333-2.31-5.011-2.31m3.7%202.541a.914.914%200%201%201-.89-.936l-.024.007a.914.914%200%200%201%20.914.914z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGkMfE6b4n)%22%20d%3D%22M16.01%2024.073h-.017c-2.561%200-2.561-3.585-2.561-3.585v-8.78s-.007-3.531%202.561-3.524h.018c2.51%200%202.51%203.524%202.51%203.524v8.78s0%203.584-2.511%203.585m.947-2.3a.914.914%200%201%200-.89.937l-.024-.007a.914.914%200%200%200%20.914-.914Z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfAyvneeC)%22%20d%3D%22m7.186%207.936l-.028-.012c-5.58%200-5.15%202.794-5.15%202.794v10.608s-.008%202.75%202.56%202.75h.018c2.513%200%202.51-2.747%202.51-2.747V16.52h2.971c2.129%200%202.124-1.361%202.124-1.361v-4.913s.335-2.31-5.005-2.31m3.7%202.541A.914.914%200%201%201%2010%209.54l-.024.007a.914.914%200%200%201%20.914.914v.015Z%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%22SVGZXgnfeoC%22%20x1%3D%2217.649%22%20x2%3D%2228.104%22%20y1%3D%228.845%22%20y2%3D%2219.301%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23387eb8%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23366994%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGkMfE6b4n%22%20x1%3D%2210.011%22%20x2%3D%2220.363%22%20y1%3D%2222.109%22%20y2%3D%2211.758%22%20gradientTransform%3D%22matrix(1%200%200%20-1%200%2032.257)%22%20gradientUnits%3D%22userSpaceOnUse%22%3E%3Cstop%20offset%3D%220%22%20stop-color%3D%22%23ffe052%22%2F%3E%3Cstop%20offset%3D%221%22%20stop-color%3D%22%23ffc331%22%2F%3E%3C%2FlinearGradient%3E%3ClinearGradient%20id%3D%22SVGfAyvneeC%22%20x1%3D%22-.155%22%20x2%3D%2210.301%22%20y1%3D%228.846%22%20y2%3D%2219.301%22%20href%3D%22%23SVGZXgnfeoC%22%2F%3E%3C%2Fdefs%3E%3Cpath%20fill%3D%22url(%23SVGZXgnfeoC)%22%20d%3D%22m24.989%207.936l-.028-.009c-5.58%200-5.15%202.794-5.15%202.794v10.605s-.006%202.749%202.562%202.749h.018c2.513%200%202.51-2.747%202.51-2.747V16.52h2.972C30%2016.52%2030%2015.159%2030%2015.159v-4.913s.333-2.31-5.011-2.31m3.7%202.541a.914.914%200%201%201-.89-.936l-.024.007a.914.914%200%200%201%20.914.914z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGkMfE6b4n)%22%20d%3D%22M16.01%2024.073h-.017c-2.561%200-2.561-3.585-2.561-3.585v-8.78s-.007-3.531%202.561-3.524h.018c2.51%200%202.51%203.524%202.51%203.524v8.78s0%203.584-2.511%203.585m.947-2.3a.914.914%200%201%200-.89.937l-.024-.007a.914.914%200%200%200%20.914-.914Z%22%2F%3E%3Cpath%20fill%3D%22url(%23SVGfAyvneeC)%22%20d%3D%22m7.186%207.936l-.028-.012c-5.58%200-5.15%202.794-5.15%202.794v10.608s-.008%202.75%202.56%202.75h.018c2.513%200%202.51-2.747%202.51-2.747V16.52h2.971c2.129%200%202.124-1.361%202.124-1.361v-4.913s.335-2.31-5.005-2.31m3.7%202.541A.914.914%200%201%201%2010%209.54l-.024.007a.914.914%200%200%201%20.914.914v.015Z%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-pip.svg?color=%231a73e8&size=48
