file type stylish haskell logo
file-type-stylish-haskell from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-stylish-haskell
- 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 stylish haskell logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#95538e" d="m14.188 19.163l-2.967-5.218l-6.388 11.248A1.68 1.68 0 0 0 6.292 27.7h3.952a1.68 1.68 0 0 0 1.46-.85l2.482-4.371a3.37 3.37 0 0 0 .002-3.316m-1.223-5.106a3.36 3.36 0 0 0 2.925 1.7h5.86L14.418 2.85A1.68 1.68 0 0 0 12.965 2h-3.96a1.68 1.68 0 0 0-1.679 1.678a1.66 1.66 0 0 0 .22.831Zm14.206 11.134l-3.528-6.262a3.36 3.36 0 0 0-2.927-1.712h-5.851l5.42 9.623a1.68 1.68 0 0 0 1.462.854h3.96a1.68 1.68 0 0 0 1.464-2.5Zm-11.156-2.932l-2.234 3.87A2.58 2.58 0 0 0 16.015 30a2.58 2.58 0 0 0 2.235-3.871Z"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeStylishHaskell(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#95538e" d="m14.188 19.163l-2.967-5.218l-6.388 11.248A1.68 1.68 0 0 0 6.292 27.7h3.952a1.68 1.68 0 0 0 1.46-.85l2.482-4.371a3.37 3.37 0 0 0 .002-3.316m-1.223-5.106a3.36 3.36 0 0 0 2.925 1.7h5.86L14.418 2.85A1.68 1.68 0 0 0 12.965 2h-3.96a1.68 1.68 0 0 0-1.679 1.678a1.66 1.66 0 0 0 .22.831Zm14.206 11.134l-3.528-6.262a3.36 3.36 0 0 0-2.927-1.712h-5.851l5.42 9.623a1.68 1.68 0 0 0 1.462.854h3.96a1.68 1.68 0 0 0 1.464-2.5Zm-11.156-2.932l-2.234 3.87A2.58 2.58 0 0 0 16.015 30a2.58 2.58 0 0 0 2.235-3.871Z"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#95538e" d="m14.188 19.163l-2.967-5.218l-6.388 11.248A1.68 1.68 0 0 0 6.292 27.7h3.952a1.68 1.68 0 0 0 1.46-.85l2.482-4.371a3.37 3.37 0 0 0 .002-3.316m-1.223-5.106a3.36 3.36 0 0 0 2.925 1.7h5.86L14.418 2.85A1.68 1.68 0 0 0 12.965 2h-3.96a1.68 1.68 0 0 0-1.679 1.678a1.66 1.66 0 0 0 .22.831Zm14.206 11.134l-3.528-6.262a3.36 3.36 0 0 0-2.927-1.712h-5.851l5.42 9.623a1.68 1.68 0 0 0 1.462.854h3.96a1.68 1.68 0 0 0 1.464-2.5Zm-11.156-2.932l-2.234 3.87A2.58 2.58 0 0 0 16.015 30a2.58 2.58 0 0 0 2.235-3.871Z"/></svg> </template>
CSS
.icon-file-type-stylish-haskell {
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%20fill%3D%22%2395538e%22%20d%3D%22m14.188%2019.163l-2.967-5.218l-6.388%2011.248A1.68%201.68%200%200%200%206.292%2027.7h3.952a1.68%201.68%200%200%200%201.46-.85l2.482-4.371a3.37%203.37%200%200%200%20.002-3.316m-1.223-5.106a3.36%203.36%200%200%200%202.925%201.7h5.86L14.418%202.85A1.68%201.68%200%200%200%2012.965%202h-3.96a1.68%201.68%200%200%200-1.679%201.678a1.66%201.66%200%200%200%20.22.831Zm14.206%2011.134l-3.528-6.262a3.36%203.36%200%200%200-2.927-1.712h-5.851l5.42%209.623a1.68%201.68%200%200%200%201.462.854h3.96a1.68%201.68%200%200%200%201.464-2.5Zm-11.156-2.932l-2.234%203.87A2.58%202.58%200%200%200%2016.015%2030a2.58%202.58%200%200%200%202.235-3.871Z%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%20fill%3D%22%2395538e%22%20d%3D%22m14.188%2019.163l-2.967-5.218l-6.388%2011.248A1.68%201.68%200%200%200%206.292%2027.7h3.952a1.68%201.68%200%200%200%201.46-.85l2.482-4.371a3.37%203.37%200%200%200%20.002-3.316m-1.223-5.106a3.36%203.36%200%200%200%202.925%201.7h5.86L14.418%202.85A1.68%201.68%200%200%200%2012.965%202h-3.96a1.68%201.68%200%200%200-1.679%201.678a1.66%201.66%200%200%200%20.22.831Zm14.206%2011.134l-3.528-6.262a3.36%203.36%200%200%200-2.927-1.712h-5.851l5.42%209.623a1.68%201.68%200%200%200%201.462.854h3.96a1.68%201.68%200%200%200%201.464-2.5Zm-11.156-2.932l-2.234%203.87A2.58%202.58%200%200%200%2016.015%2030a2.58%202.58%200%200%200%202.235-3.871Z%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-stylish-haskell.svg?color=%231a73e8&size=48
