apps script logo

apps-script from Material Icon Theme by Material Extensions · Color · MIT Free for personal and commercial use.

Name
apps-script
Set
Material Icon Theme
Style
Color
Viewbox
32×32
License
MIT

Use the apps script logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f44336" d="M6.053 20.055H21.21a3.01 3.01 0 0 1 3.049 2.966a3.01 3.01 0 0 1-3.049 2.966H6.053a3.01 3.01 0 0 1-3.049-2.966a3.01 3.01 0 0 1 3.049-2.966"/><path fill="#ffc107" d="M19.44 25.433L7.179 16.765a2.914 2.914 0 0 1-.674-4.143a3.104 3.104 0 0 1 4.258-.656l12.263 8.668a2.914 2.914 0 0 1 .674 4.143a3.104 3.104 0 0 1-4.258.656Z"/><path fill="#43a047" d="m19.489 8.05l4.683 14.026a2.95 2.95 0 0 1-1.957 3.737a3.067 3.067 0 0 1-3.841-1.904L13.69 9.884a2.95 2.95 0 0 1 1.957-3.738a3.067 3.067 0 0 1 3.842 1.905Z"/><path fill="#448aff" d="M18.363 22.076L23.047 8.05a3.067 3.067 0 0 1 3.841-1.904a2.95 2.95 0 0 1 1.958 3.737L24.162 23.91a3.067 3.067 0 0 1-3.842 1.904a2.95 2.95 0 0 1-1.957-3.737Z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeAppsScript(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f44336" d="M6.053 20.055H21.21a3.01 3.01 0 0 1 3.049 2.966a3.01 3.01 0 0 1-3.049 2.966H6.053a3.01 3.01 0 0 1-3.049-2.966a3.01 3.01 0 0 1 3.049-2.966"/><path fill="#ffc107" d="M19.44 25.433L7.179 16.765a2.914 2.914 0 0 1-.674-4.143a3.104 3.104 0 0 1 4.258-.656l12.263 8.668a2.914 2.914 0 0 1 .674 4.143a3.104 3.104 0 0 1-4.258.656Z"/><path fill="#43a047" d="m19.489 8.05l4.683 14.026a2.95 2.95 0 0 1-1.957 3.737a3.067 3.067 0 0 1-3.841-1.904L13.69 9.884a2.95 2.95 0 0 1 1.957-3.738a3.067 3.067 0 0 1 3.842 1.905Z"/><path fill="#448aff" d="M18.363 22.076L23.047 8.05a3.067 3.067 0 0 1 3.841-1.904a2.95 2.95 0 0 1 1.958 3.737L24.162 23.91a3.067 3.067 0 0 1-3.842 1.904a2.95 2.95 0 0 1-1.957-3.737Z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="#f44336" d="M6.053 20.055H21.21a3.01 3.01 0 0 1 3.049 2.966a3.01 3.01 0 0 1-3.049 2.966H6.053a3.01 3.01 0 0 1-3.049-2.966a3.01 3.01 0 0 1 3.049-2.966"/><path fill="#ffc107" d="M19.44 25.433L7.179 16.765a2.914 2.914 0 0 1-.674-4.143a3.104 3.104 0 0 1 4.258-.656l12.263 8.668a2.914 2.914 0 0 1 .674 4.143a3.104 3.104 0 0 1-4.258.656Z"/><path fill="#43a047" d="m19.489 8.05l4.683 14.026a2.95 2.95 0 0 1-1.957 3.737a3.067 3.067 0 0 1-3.841-1.904L13.69 9.884a2.95 2.95 0 0 1 1.957-3.738a3.067 3.067 0 0 1 3.842 1.905Z"/><path fill="#448aff" d="M18.363 22.076L23.047 8.05a3.067 3.067 0 0 1 3.841-1.904a2.95 2.95 0 0 1 1.958 3.737L24.162 23.91a3.067 3.067 0 0 1-3.842 1.904a2.95 2.95 0 0 1-1.957-3.737Z"/></svg>
</template>

CSS

.icon-apps-script {
  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%23f44336%22%20d%3D%22M6.053%2020.055H21.21a3.01%203.01%200%200%201%203.049%202.966a3.01%203.01%200%200%201-3.049%202.966H6.053a3.01%203.01%200%200%201-3.049-2.966a3.01%203.01%200%200%201%203.049-2.966%22%2F%3E%3Cpath%20fill%3D%22%23ffc107%22%20d%3D%22M19.44%2025.433L7.179%2016.765a2.914%202.914%200%200%201-.674-4.143a3.104%203.104%200%200%201%204.258-.656l12.263%208.668a2.914%202.914%200%200%201%20.674%204.143a3.104%203.104%200%200%201-4.258.656Z%22%2F%3E%3Cpath%20fill%3D%22%2343a047%22%20d%3D%22m19.489%208.05l4.683%2014.026a2.95%202.95%200%200%201-1.957%203.737a3.067%203.067%200%200%201-3.841-1.904L13.69%209.884a2.95%202.95%200%200%201%201.957-3.738a3.067%203.067%200%200%201%203.842%201.905Z%22%2F%3E%3Cpath%20fill%3D%22%23448aff%22%20d%3D%22M18.363%2022.076L23.047%208.05a3.067%203.067%200%200%201%203.841-1.904a2.95%202.95%200%200%201%201.958%203.737L24.162%2023.91a3.067%203.067%200%200%201-3.842%201.904a2.95%202.95%200%200%201-1.957-3.737Z%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%23f44336%22%20d%3D%22M6.053%2020.055H21.21a3.01%203.01%200%200%201%203.049%202.966a3.01%203.01%200%200%201-3.049%202.966H6.053a3.01%203.01%200%200%201-3.049-2.966a3.01%203.01%200%200%201%203.049-2.966%22%2F%3E%3Cpath%20fill%3D%22%23ffc107%22%20d%3D%22M19.44%2025.433L7.179%2016.765a2.914%202.914%200%200%201-.674-4.143a3.104%203.104%200%200%201%204.258-.656l12.263%208.668a2.914%202.914%200%200%201%20.674%204.143a3.104%203.104%200%200%201-4.258.656Z%22%2F%3E%3Cpath%20fill%3D%22%2343a047%22%20d%3D%22m19.489%208.05l4.683%2014.026a2.95%202.95%200%200%201-1.957%203.737a3.067%203.067%200%200%201-3.841-1.904L13.69%209.884a2.95%202.95%200%200%201%201.957-3.738a3.067%203.067%200%200%201%203.842%201.905Z%22%2F%3E%3Cpath%20fill%3D%22%23448aff%22%20d%3D%22M18.363%2022.076L23.047%208.05a3.067%203.067%200%200%201%203.841-1.904a2.95%202.95%200%200%201%201.958%203.737L24.162%2023.91a3.067%203.067%200%200%201-3.842%201.904a2.95%202.95%200%200%201-1.957-3.737Z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/material-icon-theme/apps-script.svg?color=%231a73e8&size=48