file type aseprite logo

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

Name
file-type-aseprite
Set
VSCode Icons
Style
Color
Viewbox
32×32
License
MIT

Related icons in VSCode Icons

Use the file type aseprite logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#6d6a76" d="M4.8 2h22.4v28H4.8M2.93 3.87h26.14v24.26H2.93"/><path fill="#655561" d="M6.67 2h18.66v28H6.67M4.8 3.87h22.4v24.26H4.8M2.93 5.73h26.14v20.54H2.93"/><path fill="#7d929e" d="M6.67 3.87h18.66v24.26H6.67M4.8 5.73h22.4v20.54H4.8z"/><path fill="#fff" d="M6.67 3.87h18.66V24.4H6.67M4.8 5.73h22.4v16.8H4.8z"/><path fill="#655561" d="M10.4 9.47h1.87v7.46H10.4zm9.33 0h1.87v7.46h-1.87z"/></svg>

React

import type { SVGProps } from "react";

export function VscodeIconsFileTypeAseprite(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#6d6a76" d="M4.8 2h22.4v28H4.8M2.93 3.87h26.14v24.26H2.93"/><path fill="#655561" d="M6.67 2h18.66v28H6.67M4.8 3.87h22.4v24.26H4.8M2.93 5.73h26.14v20.54H2.93"/><path fill="#7d929e" d="M6.67 3.87h18.66v24.26H6.67M4.8 5.73h22.4v20.54H4.8z"/><path fill="#fff" d="M6.67 3.87h18.66V24.4H6.67M4.8 5.73h22.4v16.8H4.8z"/><path fill="#655561" d="M10.4 9.47h1.87v7.46H10.4zm9.33 0h1.87v7.46h-1.87z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#6d6a76" d="M4.8 2h22.4v28H4.8M2.93 3.87h26.14v24.26H2.93"/><path fill="#655561" d="M6.67 2h18.66v28H6.67M4.8 3.87h22.4v24.26H4.8M2.93 5.73h26.14v20.54H2.93"/><path fill="#7d929e" d="M6.67 3.87h18.66v24.26H6.67M4.8 5.73h22.4v20.54H4.8z"/><path fill="#fff" d="M6.67 3.87h18.66V24.4H6.67M4.8 5.73h22.4v16.8H4.8z"/><path fill="#655561" d="M10.4 9.47h1.87v7.46H10.4zm9.33 0h1.87v7.46h-1.87z"/></svg>
</template>

CSS

.icon-file-type-aseprite {
  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%236d6a76%22%20d%3D%22M4.8%202h22.4v28H4.8M2.93%203.87h26.14v24.26H2.93%22%2F%3E%3Cpath%20fill%3D%22%23655561%22%20d%3D%22M6.67%202h18.66v28H6.67M4.8%203.87h22.4v24.26H4.8M2.93%205.73h26.14v20.54H2.93%22%2F%3E%3Cpath%20fill%3D%22%237d929e%22%20d%3D%22M6.67%203.87h18.66v24.26H6.67M4.8%205.73h22.4v20.54H4.8z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.67%203.87h18.66V24.4H6.67M4.8%205.73h22.4v16.8H4.8z%22%2F%3E%3Cpath%20fill%3D%22%23655561%22%20d%3D%22M10.4%209.47h1.87v7.46H10.4zm9.33%200h1.87v7.46h-1.87z%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%236d6a76%22%20d%3D%22M4.8%202h22.4v28H4.8M2.93%203.87h26.14v24.26H2.93%22%2F%3E%3Cpath%20fill%3D%22%23655561%22%20d%3D%22M6.67%202h18.66v28H6.67M4.8%203.87h22.4v24.26H4.8M2.93%205.73h26.14v20.54H2.93%22%2F%3E%3Cpath%20fill%3D%22%237d929e%22%20d%3D%22M6.67%203.87h18.66v24.26H6.67M4.8%205.73h22.4v20.54H4.8z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M6.67%203.87h18.66V24.4H6.67M4.8%205.73h22.4v16.8H4.8z%22%2F%3E%3Cpath%20fill%3D%22%23655561%22%20d%3D%22M10.4%209.47h1.87v7.46H10.4zm9.33%200h1.87v7.46h-1.87z%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-aseprite.svg?color=%231a73e8&size=48