file type hygen logo
file-type-hygen from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-hygen
- 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 hygen logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><rect width="27.566" height="27.566" x="2.096" y="2.096" fill="#f722b1" rx="6.169"/><path fill="#fff06c" d="M18.771 21.759h6.554v1.928h-6.554z"/><path fill="#bcfe25" d="M18.771 24.651h3.084v1.928h-3.084z"/><path fill="#fff" d="M22.434 24.651h1.157v1.928h-1.157z"/><path fill="#c9c9c9" fill-rule="evenodd" d="M8.169 2h15.614a6.17 6.17 0 0 1 6.169 6.169v7.807L15.976 29.952H8.169A6.17 6.17 0 0 1 2 23.783V8.169A6.17 6.17 0 0 1 8.169 2"/><path fill="#fff" fill-rule="evenodd" d="M16.169 30v-7.663a6.167 6.167 0 0 1 6.168-6.168H30Z"/><path fill="#e0e0e0" d="M9.133 6.819h9.446v1.928H9.133zm10.409 0h3.373v1.928h-3.373zm-13.108 0h1.735v1.928H6.434zm2.699 14.94h6.747v1.928H9.133zm-2.699 0h1.735v1.928H6.434zm5.59 2.892h3.855v1.928h-3.855zm-5.59 0h4.627v1.928H6.434zM11.735 10h5.301v1.928h-5.301zm-5.301 0h4.241v1.928H6.434zm0 3.277h6.458v1.928H6.434z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeHygen(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><rect width="27.566" height="27.566" x="2.096" y="2.096" fill="#f722b1" rx="6.169"/><path fill="#fff06c" d="M18.771 21.759h6.554v1.928h-6.554z"/><path fill="#bcfe25" d="M18.771 24.651h3.084v1.928h-3.084z"/><path fill="#fff" d="M22.434 24.651h1.157v1.928h-1.157z"/><path fill="#c9c9c9" fillRule="evenodd" d="M8.169 2h15.614a6.17 6.17 0 0 1 6.169 6.169v7.807L15.976 29.952H8.169A6.17 6.17 0 0 1 2 23.783V8.169A6.17 6.17 0 0 1 8.169 2"/><path fill="#fff" fillRule="evenodd" d="M16.169 30v-7.663a6.167 6.167 0 0 1 6.168-6.168H30Z"/><path fill="#e0e0e0" d="M9.133 6.819h9.446v1.928H9.133zm10.409 0h3.373v1.928h-3.373zm-13.108 0h1.735v1.928H6.434zm2.699 14.94h6.747v1.928H9.133zm-2.699 0h1.735v1.928H6.434zm5.59 2.892h3.855v1.928h-3.855zm-5.59 0h4.627v1.928H6.434zM11.735 10h5.301v1.928h-5.301zm-5.301 0h4.241v1.928H6.434zm0 3.277h6.458v1.928H6.434z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><rect width="27.566" height="27.566" x="2.096" y="2.096" fill="#f722b1" rx="6.169"/><path fill="#fff06c" d="M18.771 21.759h6.554v1.928h-6.554z"/><path fill="#bcfe25" d="M18.771 24.651h3.084v1.928h-3.084z"/><path fill="#fff" d="M22.434 24.651h1.157v1.928h-1.157z"/><path fill="#c9c9c9" fill-rule="evenodd" d="M8.169 2h15.614a6.17 6.17 0 0 1 6.169 6.169v7.807L15.976 29.952H8.169A6.17 6.17 0 0 1 2 23.783V8.169A6.17 6.17 0 0 1 8.169 2"/><path fill="#fff" fill-rule="evenodd" d="M16.169 30v-7.663a6.167 6.167 0 0 1 6.168-6.168H30Z"/><path fill="#e0e0e0" d="M9.133 6.819h9.446v1.928H9.133zm10.409 0h3.373v1.928h-3.373zm-13.108 0h1.735v1.928H6.434zm2.699 14.94h6.747v1.928H9.133zm-2.699 0h1.735v1.928H6.434zm5.59 2.892h3.855v1.928h-3.855zm-5.59 0h4.627v1.928H6.434zM11.735 10h5.301v1.928h-5.301zm-5.301 0h4.241v1.928H6.434zm0 3.277h6.458v1.928H6.434z"/></svg> </template>
CSS
.icon-file-type-hygen {
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%3Crect%20width%3D%2227.566%22%20height%3D%2227.566%22%20x%3D%222.096%22%20y%3D%222.096%22%20fill%3D%22%23f722b1%22%20rx%3D%226.169%22%2F%3E%3Cpath%20fill%3D%22%23fff06c%22%20d%3D%22M18.771%2021.759h6.554v1.928h-6.554z%22%2F%3E%3Cpath%20fill%3D%22%23bcfe25%22%20d%3D%22M18.771%2024.651h3.084v1.928h-3.084z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22.434%2024.651h1.157v1.928h-1.157z%22%2F%3E%3Cpath%20fill%3D%22%23c9c9c9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.169%202h15.614a6.17%206.17%200%200%201%206.169%206.169v7.807L15.976%2029.952H8.169A6.17%206.17%200%200%201%202%2023.783V8.169A6.17%206.17%200%200%201%208.169%202%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.169%2030v-7.663a6.167%206.167%200%200%201%206.168-6.168H30Z%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M9.133%206.819h9.446v1.928H9.133zm10.409%200h3.373v1.928h-3.373zm-13.108%200h1.735v1.928H6.434zm2.699%2014.94h6.747v1.928H9.133zm-2.699%200h1.735v1.928H6.434zm5.59%202.892h3.855v1.928h-3.855zm-5.59%200h4.627v1.928H6.434zM11.735%2010h5.301v1.928h-5.301zm-5.301%200h4.241v1.928H6.434zm0%203.277h6.458v1.928H6.434z%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%3Crect%20width%3D%2227.566%22%20height%3D%2227.566%22%20x%3D%222.096%22%20y%3D%222.096%22%20fill%3D%22%23f722b1%22%20rx%3D%226.169%22%2F%3E%3Cpath%20fill%3D%22%23fff06c%22%20d%3D%22M18.771%2021.759h6.554v1.928h-6.554z%22%2F%3E%3Cpath%20fill%3D%22%23bcfe25%22%20d%3D%22M18.771%2024.651h3.084v1.928h-3.084z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M22.434%2024.651h1.157v1.928h-1.157z%22%2F%3E%3Cpath%20fill%3D%22%23c9c9c9%22%20fill-rule%3D%22evenodd%22%20d%3D%22M8.169%202h15.614a6.17%206.17%200%200%201%206.169%206.169v7.807L15.976%2029.952H8.169A6.17%206.17%200%200%201%202%2023.783V8.169A6.17%206.17%200%200%201%208.169%202%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M16.169%2030v-7.663a6.167%206.167%200%200%201%206.168-6.168H30Z%22%2F%3E%3Cpath%20fill%3D%22%23e0e0e0%22%20d%3D%22M9.133%206.819h9.446v1.928H9.133zm10.409%200h3.373v1.928h-3.373zm-13.108%200h1.735v1.928H6.434zm2.699%2014.94h6.747v1.928H9.133zm-2.699%200h1.735v1.928H6.434zm5.59%202.892h3.855v1.928h-3.855zm-5.59%200h4.627v1.928H6.434zM11.735%2010h5.301v1.928h-5.301zm-5.301%200h4.241v1.928H6.434zm0%203.277h6.458v1.928H6.434z%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-hygen.svg?color=%231a73e8&size=48
