file type light opencode logo
file-type-light-opencode from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-light-opencode
- 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 light opencode logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGeP5Myl1x)" transform="translate(4.8 2)scale(.09333)"><mask id="SVG6J7nseBa" width="240" height="300" x="0" y="0" maskUnits="userSpaceOnUse"><path fill="#fff" d="M240 0H0v300h240z"/></mask><g mask="url(#SVG6J7nseBa)"><path fill="#cfcecd" d="M180 240H60V120h120z"/><path fill="#211e1e" d="M180 60H60v180h120zm60 240H0V0h240z"/></g></g><defs><clipPath id="SVGeP5Myl1x"><path fill="#fff" d="M0 0h240v300H0z"/></clipPath></defs></g></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeLightOpencode(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g clipPath="url(#SVGeP5Myl1x)" transform="translate(4.8 2)scale(.09333)"><mask id="SVG6J7nseBa" width="240" height="300" x="0" y="0" maskUnits="userSpaceOnUse"><path fill="#fff" d="M240 0H0v300h240z"/></mask><g mask="url(#SVG6J7nseBa)"><path fill="#cfcecd" d="M180 240H60V120h120z"/><path fill="#211e1e" d="M180 60H60v180h120zm60 240H0V0h240z"/></g></g><defs><clipPath id="SVGeP5Myl1x"><path fill="#fff" d="M0 0h240v300H0z"/></clipPath></defs></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGeP5Myl1x)" transform="translate(4.8 2)scale(.09333)"><mask id="SVG6J7nseBa" width="240" height="300" x="0" y="0" maskUnits="userSpaceOnUse"><path fill="#fff" d="M240 0H0v300h240z"/></mask><g mask="url(#SVG6J7nseBa)"><path fill="#cfcecd" d="M180 240H60V120h120z"/><path fill="#211e1e" d="M180 60H60v180h120zm60 240H0V0h240z"/></g></g><defs><clipPath id="SVGeP5Myl1x"><path fill="#fff" d="M0 0h240v300H0z"/></clipPath></defs></g></svg> </template>
CSS
.icon-file-type-light-opencode {
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%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGeP5Myl1x)%22%20transform%3D%22translate(4.8%202)scale(.09333)%22%3E%3Cmask%20id%3D%22SVG6J7nseBa%22%20width%3D%22240%22%20height%3D%22300%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M240%200H0v300h240z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVG6J7nseBa)%22%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M180%20240H60V120h120z%22%2F%3E%3Cpath%20fill%3D%22%23211e1e%22%20d%3D%22M180%2060H60v180h120zm60%20240H0V0h240z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGeP5Myl1x%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h240v300H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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%20fill%3D%22none%22%3E%3Cg%20clip-path%3D%22url(%23SVGeP5Myl1x)%22%20transform%3D%22translate(4.8%202)scale(.09333)%22%3E%3Cmask%20id%3D%22SVG6J7nseBa%22%20width%3D%22240%22%20height%3D%22300%22%20x%3D%220%22%20y%3D%220%22%20maskUnits%3D%22userSpaceOnUse%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M240%200H0v300h240z%22%2F%3E%3C%2Fmask%3E%3Cg%20mask%3D%22url(%23SVG6J7nseBa)%22%3E%3Cpath%20fill%3D%22%23cfcecd%22%20d%3D%22M180%20240H60V120h120z%22%2F%3E%3Cpath%20fill%3D%22%23211e1e%22%20d%3D%22M180%2060H60v180h120zm60%20240H0V0h240z%22%2F%3E%3C%2Fg%3E%3C%2Fg%3E%3Cdefs%3E%3CclipPath%20id%3D%22SVGeP5Myl1x%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M0%200h240v300H0z%22%2F%3E%3C%2FclipPath%3E%3C%2Fdefs%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-light-opencode.svg?color=%231a73e8&size=48
