file type appscript logo
file-type-appscript from VSCode Icons by Roberto Huertas · Color · MIT Free for personal and commercial use.
- Name
- file-type-appscript
- Set
- VSCode Icons
- Style
- Color
- Viewbox
- 512×512
- 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 appscript logo
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><rect width="373" height="107" x="27.53" y="328.9" fill="#ea4335" rx="53.5"/><circle cx="81.36" cy="382.6" r="26.7" fill="#fff"/><rect width="373" height="107" x="53.33" y="250.94" fill="#fbbc04" rx="53.5" transform="rotate(-144 239.832 304.447)"/><circle cx="131.44" cy="225.44" r="26.7" fill="#fff"/><rect width="373" height="107" x="120.53" y="201.9" fill="#34a853" rx="53.5" transform="rotate(72 307.032 255.396)"/><circle cx="265.84" cy="129.28" r="26.7" fill="#fff"/><rect width="373" height="107" x="202.53" y="201.9" fill="#4285f4" rx="53.5" transform="rotate(-72 389.029 255.392)"/><circle cx="348.22" cy="381.64" r="26.7" fill="#fff"/><circle cx="430.67" cy="127.89" r="26.7" fill="#fff"/></svg>
React
import type { SVGProps } from "react";
export function VscodeIconsFileTypeAppscript(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><rect width="373" height="107" x="27.53" y="328.9" fill="#ea4335" rx="53.5"/><circle cx="81.36" cy="382.6" r="26.7" fill="#fff"/><rect width="373" height="107" x="53.33" y="250.94" fill="#fbbc04" rx="53.5" transform="rotate(-144 239.832 304.447)"/><circle cx="131.44" cy="225.44" r="26.7" fill="#fff"/><rect width="373" height="107" x="120.53" y="201.9" fill="#34a853" rx="53.5" transform="rotate(72 307.032 255.396)"/><circle cx="265.84" cy="129.28" r="26.7" fill="#fff"/><rect width="373" height="107" x="202.53" y="201.9" fill="#4285f4" rx="53.5" transform="rotate(-72 389.029 255.392)"/><circle cx="348.22" cy="381.64" r="26.7" fill="#fff"/><circle cx="430.67" cy="127.89" r="26.7" fill="#fff"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><rect width="373" height="107" x="27.53" y="328.9" fill="#ea4335" rx="53.5"/><circle cx="81.36" cy="382.6" r="26.7" fill="#fff"/><rect width="373" height="107" x="53.33" y="250.94" fill="#fbbc04" rx="53.5" transform="rotate(-144 239.832 304.447)"/><circle cx="131.44" cy="225.44" r="26.7" fill="#fff"/><rect width="373" height="107" x="120.53" y="201.9" fill="#34a853" rx="53.5" transform="rotate(72 307.032 255.396)"/><circle cx="265.84" cy="129.28" r="26.7" fill="#fff"/><rect width="373" height="107" x="202.53" y="201.9" fill="#4285f4" rx="53.5" transform="rotate(-72 389.029 255.392)"/><circle cx="348.22" cy="381.64" r="26.7" fill="#fff"/><circle cx="430.67" cy="127.89" r="26.7" fill="#fff"/></svg> </template>
CSS
.icon-file-type-appscript {
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%20512%20512%22%3E%3Crect%20width%3D%22373%22%20height%3D%22107%22%20x%3D%2227.53%22%20y%3D%22328.9%22%20fill%3D%22%23ea4335%22%20rx%3D%2253.5%22%2F%3E%3Ccircle%20cx%3D%2281.36%22%20cy%3D%22382.6%22%20r%3D%2226.7%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%22373%22%20height%3D%22107%22%20x%3D%2253.33%22%20y%3D%22250.94%22%20fill%3D%22%23fbbc04%22%20rx%3D%2253.5%22%20transform%3D%22rotate(-144%20239.832%20304.447)%22%2F%3E%3Ccircle%20cx%3D%22131.44%22%20cy%3D%22225.44%22%20r%3D%2226.7%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%22373%22%20height%3D%22107%22%20x%3D%22120.53%22%20y%3D%22201.9%22%20fill%3D%22%2334a853%22%20rx%3D%2253.5%22%20transform%3D%22rotate(72%20307.032%20255.396)%22%2F%3E%3Ccircle%20cx%3D%22265.84%22%20cy%3D%22129.28%22%20r%3D%2226.7%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%22373%22%20height%3D%22107%22%20x%3D%22202.53%22%20y%3D%22201.9%22%20fill%3D%22%234285f4%22%20rx%3D%2253.5%22%20transform%3D%22rotate(-72%20389.029%20255.392)%22%2F%3E%3Ccircle%20cx%3D%22348.22%22%20cy%3D%22381.64%22%20r%3D%2226.7%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22430.67%22%20cy%3D%22127.89%22%20r%3D%2226.7%22%20fill%3D%22%23fff%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%20512%20512%22%3E%3Crect%20width%3D%22373%22%20height%3D%22107%22%20x%3D%2227.53%22%20y%3D%22328.9%22%20fill%3D%22%23ea4335%22%20rx%3D%2253.5%22%2F%3E%3Ccircle%20cx%3D%2281.36%22%20cy%3D%22382.6%22%20r%3D%2226.7%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%22373%22%20height%3D%22107%22%20x%3D%2253.33%22%20y%3D%22250.94%22%20fill%3D%22%23fbbc04%22%20rx%3D%2253.5%22%20transform%3D%22rotate(-144%20239.832%20304.447)%22%2F%3E%3Ccircle%20cx%3D%22131.44%22%20cy%3D%22225.44%22%20r%3D%2226.7%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%22373%22%20height%3D%22107%22%20x%3D%22120.53%22%20y%3D%22201.9%22%20fill%3D%22%2334a853%22%20rx%3D%2253.5%22%20transform%3D%22rotate(72%20307.032%20255.396)%22%2F%3E%3Ccircle%20cx%3D%22265.84%22%20cy%3D%22129.28%22%20r%3D%2226.7%22%20fill%3D%22%23fff%22%2F%3E%3Crect%20width%3D%22373%22%20height%3D%22107%22%20x%3D%22202.53%22%20y%3D%22201.9%22%20fill%3D%22%234285f4%22%20rx%3D%2253.5%22%20transform%3D%22rotate(-72%20389.029%20255.392)%22%2F%3E%3Ccircle%20cx%3D%22348.22%22%20cy%3D%22381.64%22%20r%3D%2226.7%22%20fill%3D%22%23fff%22%2F%3E%3Ccircle%20cx%3D%22430.67%22%20cy%3D%22127.89%22%20r%3D%2226.7%22%20fill%3D%22%23fff%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-appscript.svg?color=%231a73e8&size=48
