file type dune logo

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

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

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#84421d" d="M30 29.635V7.268L2 10.002v19.633z"/><path fill="#815021" d="M25.742 10.112c-.062-.52.989-1.395.934-1.914L30 9.073v7.984c-1.264-4.73-4.157-5.523-4.258-6.945"/><path fill="#b76f29" d="M30 5.037c-5.806-2.634-8.174-3.132-9.515-2.308c-1.342.85 5.38 4.998 6.065 5.437c.684.44 2.028.907 3.45 1.07z"/><path fill="#b0a788" d="M20.484 2.729L2 9.919v18.677c5.004-.082 8.313-3.09 10.5-7.93c2.215-5.14 5.414-6.714 8.86-8.75c3.609-2.132 5.413-2.706 5.413-4.347c0-.711-1.234-1.597-3.308-2.598c-2.76-1.332-3.282-1.941-2.981-2.242"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeDune(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#84421d" d="M30 29.635V7.268L2 10.002v19.633z"/><path fill="#815021" d="M25.742 10.112c-.062-.52.989-1.395.934-1.914L30 9.073v7.984c-1.264-4.73-4.157-5.523-4.258-6.945"/><path fill="#b76f29" d="M30 5.037c-5.806-2.634-8.174-3.132-9.515-2.308c-1.342.85 5.38 4.998 6.065 5.437c.684.44 2.028.907 3.45 1.07z"/><path fill="#b0a788" d="M20.484 2.729L2 9.919v18.677c5.004-.082 8.313-3.09 10.5-7.93c2.215-5.14 5.414-6.714 8.86-8.75c3.609-2.132 5.413-2.706 5.413-4.347c0-.711-1.234-1.597-3.308-2.598c-2.76-1.332-3.282-1.941-2.981-2.242"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#84421d" d="M30 29.635V7.268L2 10.002v19.633z"/><path fill="#815021" d="M25.742 10.112c-.062-.52.989-1.395.934-1.914L30 9.073v7.984c-1.264-4.73-4.157-5.523-4.258-6.945"/><path fill="#b76f29" d="M30 5.037c-5.806-2.634-8.174-3.132-9.515-2.308c-1.342.85 5.38 4.998 6.065 5.437c.684.44 2.028.907 3.45 1.07z"/><path fill="#b0a788" d="M20.484 2.729L2 9.919v18.677c5.004-.082 8.313-3.09 10.5-7.93c2.215-5.14 5.414-6.714 8.86-8.75c3.609-2.132 5.413-2.706 5.413-4.347c0-.711-1.234-1.597-3.308-2.598c-2.76-1.332-3.282-1.941-2.981-2.242"/></svg>
</template>

CSS

.icon-file-type-dune {
  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%2384421d%22%20d%3D%22M30%2029.635V7.268L2%2010.002v19.633z%22%2F%3E%3Cpath%20fill%3D%22%23815021%22%20d%3D%22M25.742%2010.112c-.062-.52.989-1.395.934-1.914L30%209.073v7.984c-1.264-4.73-4.157-5.523-4.258-6.945%22%2F%3E%3Cpath%20fill%3D%22%23b76f29%22%20d%3D%22M30%205.037c-5.806-2.634-8.174-3.132-9.515-2.308c-1.342.85%205.38%204.998%206.065%205.437c.684.44%202.028.907%203.45%201.07z%22%2F%3E%3Cpath%20fill%3D%22%23b0a788%22%20d%3D%22M20.484%202.729L2%209.919v18.677c5.004-.082%208.313-3.09%2010.5-7.93c2.215-5.14%205.414-6.714%208.86-8.75c3.609-2.132%205.413-2.706%205.413-4.347c0-.711-1.234-1.597-3.308-2.598c-2.76-1.332-3.282-1.941-2.981-2.242%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%2384421d%22%20d%3D%22M30%2029.635V7.268L2%2010.002v19.633z%22%2F%3E%3Cpath%20fill%3D%22%23815021%22%20d%3D%22M25.742%2010.112c-.062-.52.989-1.395.934-1.914L30%209.073v7.984c-1.264-4.73-4.157-5.523-4.258-6.945%22%2F%3E%3Cpath%20fill%3D%22%23b76f29%22%20d%3D%22M30%205.037c-5.806-2.634-8.174-3.132-9.515-2.308c-1.342.85%205.38%204.998%206.065%205.437c.684.44%202.028.907%203.45%201.07z%22%2F%3E%3Cpath%20fill%3D%22%23b0a788%22%20d%3D%22M20.484%202.729L2%209.919v18.677c5.004-.082%208.313-3.09%2010.5-7.93c2.215-5.14%205.414-6.714%208.86-8.75c3.609-2.132%205.413-2.706%205.413-4.347c0-.711-1.234-1.597-3.308-2.598c-2.76-1.332-3.282-1.941-2.981-2.242%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-dune.svg?color=%231a73e8&size=48