file type wercker logo

file-type-wercker from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.

Name
file-type-wercker
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 wercker logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#23b0e8" d="M16.014 2L5.127 8.169v8.347h2.01v-7.23L16 4.219l8.863 5.067v9.157a5.82 5.82 0 0 1-1.424 3.7c-2.205 2.875-6.2 5.039-7.44 5.639a24.1 24.1 0 0 1-7.258-5.234h11.684a12.4 12.4 0 0 0 1.815-2.01H5.392C7.025 26.148 15.986 30 15.986 30s8.975-3.825 10.608-9.464a8 8 0 0 0 .279-2.094V8.169Z"/><path fill="#23b0e8" d="M10.794 11.282h10.441v1.745H10.794zm-.866 3.057h12.185v1.745H9.928zm0 3.043h12.185v1.745H9.928zm3.699-9.143h4.788v1.745h-4.788z"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeWercker(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#23b0e8" d="M16.014 2L5.127 8.169v8.347h2.01v-7.23L16 4.219l8.863 5.067v9.157a5.82 5.82 0 0 1-1.424 3.7c-2.205 2.875-6.2 5.039-7.44 5.639a24.1 24.1 0 0 1-7.258-5.234h11.684a12.4 12.4 0 0 0 1.815-2.01H5.392C7.025 26.148 15.986 30 15.986 30s8.975-3.825 10.608-9.464a8 8 0 0 0 .279-2.094V8.169Z"/><path fill="#23b0e8" d="M10.794 11.282h10.441v1.745H10.794zm-.866 3.057h12.185v1.745H9.928zm0 3.043h12.185v1.745H9.928zm3.699-9.143h4.788v1.745h-4.788z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#23b0e8" d="M16.014 2L5.127 8.169v8.347h2.01v-7.23L16 4.219l8.863 5.067v9.157a5.82 5.82 0 0 1-1.424 3.7c-2.205 2.875-6.2 5.039-7.44 5.639a24.1 24.1 0 0 1-7.258-5.234h11.684a12.4 12.4 0 0 0 1.815-2.01H5.392C7.025 26.148 15.986 30 15.986 30s8.975-3.825 10.608-9.464a8 8 0 0 0 .279-2.094V8.169Z"/><path fill="#23b0e8" d="M10.794 11.282h10.441v1.745H10.794zm-.866 3.057h12.185v1.745H9.928zm0 3.043h12.185v1.745H9.928zm3.699-9.143h4.788v1.745h-4.788z"/></svg>
</template>

CSS

.icon-file-type-wercker {
  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%2323b0e8%22%20d%3D%22M16.014%202L5.127%208.169v8.347h2.01v-7.23L16%204.219l8.863%205.067v9.157a5.82%205.82%200%200%201-1.424%203.7c-2.205%202.875-6.2%205.039-7.44%205.639a24.1%2024.1%200%200%201-7.258-5.234h11.684a12.4%2012.4%200%200%200%201.815-2.01H5.392C7.025%2026.148%2015.986%2030%2015.986%2030s8.975-3.825%2010.608-9.464a8%208%200%200%200%20.279-2.094V8.169Z%22%2F%3E%3Cpath%20fill%3D%22%2323b0e8%22%20d%3D%22M10.794%2011.282h10.441v1.745H10.794zm-.866%203.057h12.185v1.745H9.928zm0%203.043h12.185v1.745H9.928zm3.699-9.143h4.788v1.745h-4.788z%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%2323b0e8%22%20d%3D%22M16.014%202L5.127%208.169v8.347h2.01v-7.23L16%204.219l8.863%205.067v9.157a5.82%205.82%200%200%201-1.424%203.7c-2.205%202.875-6.2%205.039-7.44%205.639a24.1%2024.1%200%200%201-7.258-5.234h11.684a12.4%2012.4%200%200%200%201.815-2.01H5.392C7.025%2026.148%2015.986%2030%2015.986%2030s8.975-3.825%2010.608-9.464a8%208%200%200%200%20.279-2.094V8.169Z%22%2F%3E%3Cpath%20fill%3D%22%2323b0e8%22%20d%3D%22M10.794%2011.282h10.441v1.745H10.794zm-.866%203.057h12.185v1.745H9.928zm0%203.043h12.185v1.745H9.928zm3.699-9.143h4.788v1.745h-4.788z%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-wercker.svg?color=%231a73e8&size=48