file type docpad logo

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#bfad7d" d="M8.826 9.88h1.707q.014.854.008 1.709q.84.002 1.679-.008c0-.566 0-1.133.009-1.7a5.5 5.5 0 0 1 1.734.115c-.039.941-.009 1.882-.02 2.823h10.228a3.28 3.28 0 0 1 1.57-1.651a3.08 3.08 0 0 1 3.177.412a3.008 3.008 0 0 1-2.426 5.279a3.12 3.12 0 0 1-2.316-1.866H7.837c-.027-.725-.014-1.452-.016-2.178h1c.006-.98 0-1.959.008-2.939M26.68 13.1a.862.862 0 1 0 1.12 1.124a.87.87 0 0 0-1.12-1.124M3.569 15.482a3.05 3.05 0 0 1 3.341.319a3.8 3.8 0 0 1 .946 1.267c5.444-.019 10.889 0 16.331-.006v2.112h-1.023v2.955h-1.651v-1.69h-1.657v1.69h-1.759q-.002-1.473.006-2.944c-3.408-.03-6.816.011-10.225-.02a3.33 3.33 0 0 1-1.942 1.814a3 3 0 0 1-2.367-5.5m.618 2.908a.99.99 0 0 0 1.109.6c.222-.216.535-.4.565-.741a.89.89 0 0 0-.935-.991a.884.884 0 0 0-.739 1.135Z"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeDocpad(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#bfad7d" d="M8.826 9.88h1.707q.014.854.008 1.709q.84.002 1.679-.008c0-.566 0-1.133.009-1.7a5.5 5.5 0 0 1 1.734.115c-.039.941-.009 1.882-.02 2.823h10.228a3.28 3.28 0 0 1 1.57-1.651a3.08 3.08 0 0 1 3.177.412a3.008 3.008 0 0 1-2.426 5.279a3.12 3.12 0 0 1-2.316-1.866H7.837c-.027-.725-.014-1.452-.016-2.178h1c.006-.98 0-1.959.008-2.939M26.68 13.1a.862.862 0 1 0 1.12 1.124a.87.87 0 0 0-1.12-1.124M3.569 15.482a3.05 3.05 0 0 1 3.341.319a3.8 3.8 0 0 1 .946 1.267c5.444-.019 10.889 0 16.331-.006v2.112h-1.023v2.955h-1.651v-1.69h-1.657v1.69h-1.759q-.002-1.473.006-2.944c-3.408-.03-6.816.011-10.225-.02a3.33 3.33 0 0 1-1.942 1.814a3 3 0 0 1-2.367-5.5m.618 2.908a.99.99 0 0 0 1.109.6c.222-.216.535-.4.565-.741a.89.89 0 0 0-.935-.991a.884.884 0 0 0-.739 1.135Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#bfad7d" d="M8.826 9.88h1.707q.014.854.008 1.709q.84.002 1.679-.008c0-.566 0-1.133.009-1.7a5.5 5.5 0 0 1 1.734.115c-.039.941-.009 1.882-.02 2.823h10.228a3.28 3.28 0 0 1 1.57-1.651a3.08 3.08 0 0 1 3.177.412a3.008 3.008 0 0 1-2.426 5.279a3.12 3.12 0 0 1-2.316-1.866H7.837c-.027-.725-.014-1.452-.016-2.178h1c.006-.98 0-1.959.008-2.939M26.68 13.1a.862.862 0 1 0 1.12 1.124a.87.87 0 0 0-1.12-1.124M3.569 15.482a3.05 3.05 0 0 1 3.341.319a3.8 3.8 0 0 1 .946 1.267c5.444-.019 10.889 0 16.331-.006v2.112h-1.023v2.955h-1.651v-1.69h-1.657v1.69h-1.759q-.002-1.473.006-2.944c-3.408-.03-6.816.011-10.225-.02a3.33 3.33 0 0 1-1.942 1.814a3 3 0 0 1-2.367-5.5m.618 2.908a.99.99 0 0 0 1.109.6c.222-.216.535-.4.565-.741a.89.89 0 0 0-.935-.991a.884.884 0 0 0-.739 1.135Z"/></svg>
</template>

CSS

.icon-file-type-docpad {
  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%23bfad7d%22%20d%3D%22M8.826%209.88h1.707q.014.854.008%201.709q.84.002%201.679-.008c0-.566%200-1.133.009-1.7a5.5%205.5%200%200%201%201.734.115c-.039.941-.009%201.882-.02%202.823h10.228a3.28%203.28%200%200%201%201.57-1.651a3.08%203.08%200%200%201%203.177.412a3.008%203.008%200%200%201-2.426%205.279a3.12%203.12%200%200%201-2.316-1.866H7.837c-.027-.725-.014-1.452-.016-2.178h1c.006-.98%200-1.959.008-2.939M26.68%2013.1a.862.862%200%201%200%201.12%201.124a.87.87%200%200%200-1.12-1.124M3.569%2015.482a3.05%203.05%200%200%201%203.341.319a3.8%203.8%200%200%201%20.946%201.267c5.444-.019%2010.889%200%2016.331-.006v2.112h-1.023v2.955h-1.651v-1.69h-1.657v1.69h-1.759q-.002-1.473.006-2.944c-3.408-.03-6.816.011-10.225-.02a3.33%203.33%200%200%201-1.942%201.814a3%203%200%200%201-2.367-5.5m.618%202.908a.99.99%200%200%200%201.109.6c.222-.216.535-.4.565-.741a.89.89%200%200%200-.935-.991a.884.884%200%200%200-.739%201.135Z%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%23bfad7d%22%20d%3D%22M8.826%209.88h1.707q.014.854.008%201.709q.84.002%201.679-.008c0-.566%200-1.133.009-1.7a5.5%205.5%200%200%201%201.734.115c-.039.941-.009%201.882-.02%202.823h10.228a3.28%203.28%200%200%201%201.57-1.651a3.08%203.08%200%200%201%203.177.412a3.008%203.008%200%200%201-2.426%205.279a3.12%203.12%200%200%201-2.316-1.866H7.837c-.027-.725-.014-1.452-.016-2.178h1c.006-.98%200-1.959.008-2.939M26.68%2013.1a.862.862%200%201%200%201.12%201.124a.87.87%200%200%200-1.12-1.124M3.569%2015.482a3.05%203.05%200%200%201%203.341.319a3.8%203.8%200%200%201%20.946%201.267c5.444-.019%2010.889%200%2016.331-.006v2.112h-1.023v2.955h-1.651v-1.69h-1.657v1.69h-1.759q-.002-1.473.006-2.944c-3.408-.03-6.816.011-10.225-.02a3.33%203.33%200%200%201-1.942%201.814a3%203%200%200%201-2.367-5.5m.618%202.908a.99.99%200%200%200%201.109.6c.222-.216.535-.4.565-.741a.89.89%200%200%200-.935-.991a.884.884%200%200%200-.739%201.135Z%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-docpad.svg?color=%231a73e8&size=48