file type jss logo
file-type-jss from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-jss
- 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 jss logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M2 5h22.4v22H2z"/><path fill="#f7df1e" d="M2.421 5.416h21.558v21.168H2.421z"/><path fill="#f7df1e" d="M26.3 25.48a4.24 4.24 0 0 1-3.724-2.24l-.114-.214l2.12-1.22l.119.236a2.02 2.02 0 0 0 1.8 1.108h.023c.7 0 1.16-.307 1.16-.765c0-.5-.352-.7-1.358-1.134l-.516-.222c-1.37-.579-2.64-1.383-2.64-3.329a3 3 0 0 1 .9-2.121a3.12 3.12 0 0 1 2.139-.858q.131.001.266.014a3.29 3.29 0 0 1 3.142 1.78l.106.2l-2.063 1.316l-.112-.279a1.19 1.19 0 0 0-1.1-.725a.65.65 0 0 0-.743.578c0 .49.206.68 1.118 1.073l.518.218c1.794.764 2.906 1.61 2.906 3.461c0 1.892-1.445 3.115-3.683 3.115a4 4 0 0 1-.264.008m-3.161-2.266a3.77 3.77 0 0 0 3.417 1.759c1.979 0 3.2-1 3.2-2.616c0-1.591-.914-2.282-2.6-3l-.518-.219c-.861-.37-1.426-.673-1.426-1.48a1 1 0 0 1 .007-.105a1.15 1.15 0 0 1 1.261-1.025a1.71 1.71 0 0 1 1.4.773l1.182-.754a2.81 2.81 0 0 0-2.592-1.314c-.13-.008-.2-.012-.293-.012a2.51 2.51 0 0 0-2.51 2.482c0 1.56.934 2.275 2.336 2.866l.519.223c.927.4 1.659.718 1.659 1.593c0 .752-.677 1.286-1.685 1.265a2.53 2.53 0 0 1-2.116-1.15Z"/><path d="M24.473 22.154a2.26 2.26 0 0 0 2.046 1.246c.859 0 1.407-.426 1.407-1.015c0-.7-.563-.954-1.508-1.364L25.9 20.8c-1.495-.632-2.488-1.424-2.488-3.1a2.76 2.76 0 0 1 2.79-2.729q.123 0 .244.013a3.07 3.07 0 0 1 2.946 1.646l-1.613 1.028a1.41 1.41 0 0 0-1.333-.881a.9.9 0 0 0-.987.8v.078c0 .617.385.867 1.274 1.249l.518.22c1.76.749 2.754 1.513 2.754 3.23c0 1.851-1.465 2.865-3.433 2.865a3.99 3.99 0 0 1-3.775-2.1Zm-7.473 0a2.26 2.26 0 0 0 2.046 1.246c.858 0 1.406-.426 1.406-1.015c0-.7-.563-.954-1.508-1.364l-.518-.221c-1.495-.632-2.488-1.424-2.488-3.1a2.76 2.76 0 0 1 2.79-2.729q.123 0 .244.013a3.07 3.07 0 0 1 2.947 1.646l-1.613 1.028a1.41 1.41 0 0 0-1.334-.881a.9.9 0 0 0-.986.8v.077c0 .617.385.867 1.274 1.249l.518.22c1.76.749 2.754 1.513 2.754 3.23c0 1.851-1.465 2.866-3.433 2.866a3.99 3.99 0 0 1-3.776-2.1Zm-7.318.178c.325.573.621 1.058 1.333 1.058c.681 0 1.11-.264 1.11-1.292v-6.992H14.2v7.019a2.8 2.8 0 0 1-3.093 3.1A3.22 3.22 0 0 1 8 23.345l1.687-1.013Z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeJss(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M2 5h22.4v22H2z"/><path fill="#f7df1e" d="M2.421 5.416h21.558v21.168H2.421z"/><path fill="#f7df1e" d="M26.3 25.48a4.24 4.24 0 0 1-3.724-2.24l-.114-.214l2.12-1.22l.119.236a2.02 2.02 0 0 0 1.8 1.108h.023c.7 0 1.16-.307 1.16-.765c0-.5-.352-.7-1.358-1.134l-.516-.222c-1.37-.579-2.64-1.383-2.64-3.329a3 3 0 0 1 .9-2.121a3.12 3.12 0 0 1 2.139-.858q.131.001.266.014a3.29 3.29 0 0 1 3.142 1.78l.106.2l-2.063 1.316l-.112-.279a1.19 1.19 0 0 0-1.1-.725a.65.65 0 0 0-.743.578c0 .49.206.68 1.118 1.073l.518.218c1.794.764 2.906 1.61 2.906 3.461c0 1.892-1.445 3.115-3.683 3.115a4 4 0 0 1-.264.008m-3.161-2.266a3.77 3.77 0 0 0 3.417 1.759c1.979 0 3.2-1 3.2-2.616c0-1.591-.914-2.282-2.6-3l-.518-.219c-.861-.37-1.426-.673-1.426-1.48a1 1 0 0 1 .007-.105a1.15 1.15 0 0 1 1.261-1.025a1.71 1.71 0 0 1 1.4.773l1.182-.754a2.81 2.81 0 0 0-2.592-1.314c-.13-.008-.2-.012-.293-.012a2.51 2.51 0 0 0-2.51 2.482c0 1.56.934 2.275 2.336 2.866l.519.223c.927.4 1.659.718 1.659 1.593c0 .752-.677 1.286-1.685 1.265a2.53 2.53 0 0 1-2.116-1.15Z"/><path d="M24.473 22.154a2.26 2.26 0 0 0 2.046 1.246c.859 0 1.407-.426 1.407-1.015c0-.7-.563-.954-1.508-1.364L25.9 20.8c-1.495-.632-2.488-1.424-2.488-3.1a2.76 2.76 0 0 1 2.79-2.729q.123 0 .244.013a3.07 3.07 0 0 1 2.946 1.646l-1.613 1.028a1.41 1.41 0 0 0-1.333-.881a.9.9 0 0 0-.987.8v.078c0 .617.385.867 1.274 1.249l.518.22c1.76.749 2.754 1.513 2.754 3.23c0 1.851-1.465 2.865-3.433 2.865a3.99 3.99 0 0 1-3.775-2.1Zm-7.473 0a2.26 2.26 0 0 0 2.046 1.246c.858 0 1.406-.426 1.406-1.015c0-.7-.563-.954-1.508-1.364l-.518-.221c-1.495-.632-2.488-1.424-2.488-3.1a2.76 2.76 0 0 1 2.79-2.729q.123 0 .244.013a3.07 3.07 0 0 1 2.947 1.646l-1.613 1.028a1.41 1.41 0 0 0-1.334-.881a.9.9 0 0 0-.986.8v.077c0 .617.385.867 1.274 1.249l.518.22c1.76.749 2.754 1.513 2.754 3.23c0 1.851-1.465 2.866-3.433 2.866a3.99 3.99 0 0 1-3.776-2.1Zm-7.318.178c.325.573.621 1.058 1.333 1.058c.681 0 1.11-.264 1.11-1.292v-6.992H14.2v7.019a2.8 2.8 0 0 1-3.093 3.1A3.22 3.22 0 0 1 8 23.345l1.687-1.013Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path d="M2 5h22.4v22H2z"/><path fill="#f7df1e" d="M2.421 5.416h21.558v21.168H2.421z"/><path fill="#f7df1e" d="M26.3 25.48a4.24 4.24 0 0 1-3.724-2.24l-.114-.214l2.12-1.22l.119.236a2.02 2.02 0 0 0 1.8 1.108h.023c.7 0 1.16-.307 1.16-.765c0-.5-.352-.7-1.358-1.134l-.516-.222c-1.37-.579-2.64-1.383-2.64-3.329a3 3 0 0 1 .9-2.121a3.12 3.12 0 0 1 2.139-.858q.131.001.266.014a3.29 3.29 0 0 1 3.142 1.78l.106.2l-2.063 1.316l-.112-.279a1.19 1.19 0 0 0-1.1-.725a.65.65 0 0 0-.743.578c0 .49.206.68 1.118 1.073l.518.218c1.794.764 2.906 1.61 2.906 3.461c0 1.892-1.445 3.115-3.683 3.115a4 4 0 0 1-.264.008m-3.161-2.266a3.77 3.77 0 0 0 3.417 1.759c1.979 0 3.2-1 3.2-2.616c0-1.591-.914-2.282-2.6-3l-.518-.219c-.861-.37-1.426-.673-1.426-1.48a1 1 0 0 1 .007-.105a1.15 1.15 0 0 1 1.261-1.025a1.71 1.71 0 0 1 1.4.773l1.182-.754a2.81 2.81 0 0 0-2.592-1.314c-.13-.008-.2-.012-.293-.012a2.51 2.51 0 0 0-2.51 2.482c0 1.56.934 2.275 2.336 2.866l.519.223c.927.4 1.659.718 1.659 1.593c0 .752-.677 1.286-1.685 1.265a2.53 2.53 0 0 1-2.116-1.15Z"/><path d="M24.473 22.154a2.26 2.26 0 0 0 2.046 1.246c.859 0 1.407-.426 1.407-1.015c0-.7-.563-.954-1.508-1.364L25.9 20.8c-1.495-.632-2.488-1.424-2.488-3.1a2.76 2.76 0 0 1 2.79-2.729q.123 0 .244.013a3.07 3.07 0 0 1 2.946 1.646l-1.613 1.028a1.41 1.41 0 0 0-1.333-.881a.9.9 0 0 0-.987.8v.078c0 .617.385.867 1.274 1.249l.518.22c1.76.749 2.754 1.513 2.754 3.23c0 1.851-1.465 2.865-3.433 2.865a3.99 3.99 0 0 1-3.775-2.1Zm-7.473 0a2.26 2.26 0 0 0 2.046 1.246c.858 0 1.406-.426 1.406-1.015c0-.7-.563-.954-1.508-1.364l-.518-.221c-1.495-.632-2.488-1.424-2.488-3.1a2.76 2.76 0 0 1 2.79-2.729q.123 0 .244.013a3.07 3.07 0 0 1 2.947 1.646l-1.613 1.028a1.41 1.41 0 0 0-1.334-.881a.9.9 0 0 0-.986.8v.077c0 .617.385.867 1.274 1.249l.518.22c1.76.749 2.754 1.513 2.754 3.23c0 1.851-1.465 2.866-3.433 2.866a3.99 3.99 0 0 1-3.776-2.1Zm-7.318.178c.325.573.621 1.058 1.333 1.058c.681 0 1.11-.264 1.11-1.292v-6.992H14.2v7.019a2.8 2.8 0 0 1-3.093 3.1A3.22 3.22 0 0 1 8 23.345l1.687-1.013Z"/></svg> </template>
CSS
.icon-file-type-jss {
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%20d%3D%22M2%205h22.4v22H2z%22%2F%3E%3Cpath%20fill%3D%22%23f7df1e%22%20d%3D%22M2.421%205.416h21.558v21.168H2.421z%22%2F%3E%3Cpath%20fill%3D%22%23f7df1e%22%20d%3D%22M26.3%2025.48a4.24%204.24%200%200%201-3.724-2.24l-.114-.214l2.12-1.22l.119.236a2.02%202.02%200%200%200%201.8%201.108h.023c.7%200%201.16-.307%201.16-.765c0-.5-.352-.7-1.358-1.134l-.516-.222c-1.37-.579-2.64-1.383-2.64-3.329a3%203%200%200%201%20.9-2.121a3.12%203.12%200%200%201%202.139-.858q.131.001.266.014a3.29%203.29%200%200%201%203.142%201.78l.106.2l-2.063%201.316l-.112-.279a1.19%201.19%200%200%200-1.1-.725a.65.65%200%200%200-.743.578c0%20.49.206.68%201.118%201.073l.518.218c1.794.764%202.906%201.61%202.906%203.461c0%201.892-1.445%203.115-3.683%203.115a4%204%200%200%201-.264.008m-3.161-2.266a3.77%203.77%200%200%200%203.417%201.759c1.979%200%203.2-1%203.2-2.616c0-1.591-.914-2.282-2.6-3l-.518-.219c-.861-.37-1.426-.673-1.426-1.48a1%201%200%200%201%20.007-.105a1.15%201.15%200%200%201%201.261-1.025a1.71%201.71%200%200%201%201.4.773l1.182-.754a2.81%202.81%200%200%200-2.592-1.314c-.13-.008-.2-.012-.293-.012a2.51%202.51%200%200%200-2.51%202.482c0%201.56.934%202.275%202.336%202.866l.519.223c.927.4%201.659.718%201.659%201.593c0%20.752-.677%201.286-1.685%201.265a2.53%202.53%200%200%201-2.116-1.15Z%22%2F%3E%3Cpath%20d%3D%22M24.473%2022.154a2.26%202.26%200%200%200%202.046%201.246c.859%200%201.407-.426%201.407-1.015c0-.7-.563-.954-1.508-1.364L25.9%2020.8c-1.495-.632-2.488-1.424-2.488-3.1a2.76%202.76%200%200%201%202.79-2.729q.123%200%20.244.013a3.07%203.07%200%200%201%202.946%201.646l-1.613%201.028a1.41%201.41%200%200%200-1.333-.881a.9.9%200%200%200-.987.8v.078c0%20.617.385.867%201.274%201.249l.518.22c1.76.749%202.754%201.513%202.754%203.23c0%201.851-1.465%202.865-3.433%202.865a3.99%203.99%200%200%201-3.775-2.1Zm-7.473%200a2.26%202.26%200%200%200%202.046%201.246c.858%200%201.406-.426%201.406-1.015c0-.7-.563-.954-1.508-1.364l-.518-.221c-1.495-.632-2.488-1.424-2.488-3.1a2.76%202.76%200%200%201%202.79-2.729q.123%200%20.244.013a3.07%203.07%200%200%201%202.947%201.646l-1.613%201.028a1.41%201.41%200%200%200-1.334-.881a.9.9%200%200%200-.986.8v.077c0%20.617.385.867%201.274%201.249l.518.22c1.76.749%202.754%201.513%202.754%203.23c0%201.851-1.465%202.866-3.433%202.866a3.99%203.99%200%200%201-3.776-2.1Zm-7.318.178c.325.573.621%201.058%201.333%201.058c.681%200%201.11-.264%201.11-1.292v-6.992H14.2v7.019a2.8%202.8%200%200%201-3.093%203.1A3.22%203.22%200%200%201%208%2023.345l1.687-1.013Z%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%20d%3D%22M2%205h22.4v22H2z%22%2F%3E%3Cpath%20fill%3D%22%23f7df1e%22%20d%3D%22M2.421%205.416h21.558v21.168H2.421z%22%2F%3E%3Cpath%20fill%3D%22%23f7df1e%22%20d%3D%22M26.3%2025.48a4.24%204.24%200%200%201-3.724-2.24l-.114-.214l2.12-1.22l.119.236a2.02%202.02%200%200%200%201.8%201.108h.023c.7%200%201.16-.307%201.16-.765c0-.5-.352-.7-1.358-1.134l-.516-.222c-1.37-.579-2.64-1.383-2.64-3.329a3%203%200%200%201%20.9-2.121a3.12%203.12%200%200%201%202.139-.858q.131.001.266.014a3.29%203.29%200%200%201%203.142%201.78l.106.2l-2.063%201.316l-.112-.279a1.19%201.19%200%200%200-1.1-.725a.65.65%200%200%200-.743.578c0%20.49.206.68%201.118%201.073l.518.218c1.794.764%202.906%201.61%202.906%203.461c0%201.892-1.445%203.115-3.683%203.115a4%204%200%200%201-.264.008m-3.161-2.266a3.77%203.77%200%200%200%203.417%201.759c1.979%200%203.2-1%203.2-2.616c0-1.591-.914-2.282-2.6-3l-.518-.219c-.861-.37-1.426-.673-1.426-1.48a1%201%200%200%201%20.007-.105a1.15%201.15%200%200%201%201.261-1.025a1.71%201.71%200%200%201%201.4.773l1.182-.754a2.81%202.81%200%200%200-2.592-1.314c-.13-.008-.2-.012-.293-.012a2.51%202.51%200%200%200-2.51%202.482c0%201.56.934%202.275%202.336%202.866l.519.223c.927.4%201.659.718%201.659%201.593c0%20.752-.677%201.286-1.685%201.265a2.53%202.53%200%200%201-2.116-1.15Z%22%2F%3E%3Cpath%20d%3D%22M24.473%2022.154a2.26%202.26%200%200%200%202.046%201.246c.859%200%201.407-.426%201.407-1.015c0-.7-.563-.954-1.508-1.364L25.9%2020.8c-1.495-.632-2.488-1.424-2.488-3.1a2.76%202.76%200%200%201%202.79-2.729q.123%200%20.244.013a3.07%203.07%200%200%201%202.946%201.646l-1.613%201.028a1.41%201.41%200%200%200-1.333-.881a.9.9%200%200%200-.987.8v.078c0%20.617.385.867%201.274%201.249l.518.22c1.76.749%202.754%201.513%202.754%203.23c0%201.851-1.465%202.865-3.433%202.865a3.99%203.99%200%200%201-3.775-2.1Zm-7.473%200a2.26%202.26%200%200%200%202.046%201.246c.858%200%201.406-.426%201.406-1.015c0-.7-.563-.954-1.508-1.364l-.518-.221c-1.495-.632-2.488-1.424-2.488-3.1a2.76%202.76%200%200%201%202.79-2.729q.123%200%20.244.013a3.07%203.07%200%200%201%202.947%201.646l-1.613%201.028a1.41%201.41%200%200%200-1.334-.881a.9.9%200%200%200-.986.8v.077c0%20.617.385.867%201.274%201.249l.518.22c1.76.749%202.754%201.513%202.754%203.23c0%201.851-1.465%202.866-3.433%202.866a3.99%203.99%200%200%201-3.776-2.1Zm-7.318.178c.325.573.621%201.058%201.333%201.058c.681%200%201.11-.264%201.11-1.292v-6.992H14.2v7.019a2.8%202.8%200%200%201-3.093%203.1A3.22%203.22%200%200%201%208%2023.345l1.687-1.013Z%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-jss.svg?color=%231a73e8&size=48
