astyle logo

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

Name
astyle
Set
Material Icon Theme
Style
Color
Viewbox
24×24
License
MIT

Use the astyle logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ef5350" d="M8.203 5.447L5.83 6.777l1.329-2.374l-1.33-2.374l2.374 1.33l2.374-1.33l-1.33 2.374l1.33 2.374zm11.394 9.305l2.374-1.329l-1.33 2.374l1.33 2.373l-2.374-1.329l-2.374 1.33l1.33-2.374l-1.33-2.374zm2.374-12.724l-1.33 2.374l1.33 2.374l-2.374-1.33l-2.374 1.33l1.33-2.374l-1.33-2.374l2.374 1.33zm-8.223 10.236l2.317-2.316l-2.013-2.013l-2.317 2.317zm.978-5.212l2.222 2.222c.37.35.37.968 0 1.338L5.867 21.694c-.37.37-.987.37-1.339 0l-2.222-2.221c-.37-.352-.37-.969 0-1.34l11.081-11.08c.37-.37.988-.37 1.34 0z"/></svg>

React

import type { SVGProps } from "react";

export function MaterialIconThemeAstyle(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ef5350" d="M8.203 5.447L5.83 6.777l1.329-2.374l-1.33-2.374l2.374 1.33l2.374-1.33l-1.33 2.374l1.33 2.374zm11.394 9.305l2.374-1.329l-1.33 2.374l1.33 2.373l-2.374-1.329l-2.374 1.33l1.33-2.374l-1.33-2.374zm2.374-12.724l-1.33 2.374l1.33 2.374l-2.374-1.33l-2.374 1.33l1.33-2.374l-1.33-2.374l2.374 1.33zm-8.223 10.236l2.317-2.316l-2.013-2.013l-2.317 2.317zm.978-5.212l2.222 2.222c.37.35.37.968 0 1.338L5.867 21.694c-.37.37-.987.37-1.339 0l-2.222-2.221c-.37-.352-.37-.969 0-1.34l11.081-11.08c.37-.37.988-.37 1.34 0z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="#ef5350" d="M8.203 5.447L5.83 6.777l1.329-2.374l-1.33-2.374l2.374 1.33l2.374-1.33l-1.33 2.374l1.33 2.374zm11.394 9.305l2.374-1.329l-1.33 2.374l1.33 2.373l-2.374-1.329l-2.374 1.33l1.33-2.374l-1.33-2.374zm2.374-12.724l-1.33 2.374l1.33 2.374l-2.374-1.33l-2.374 1.33l1.33-2.374l-1.33-2.374l2.374 1.33zm-8.223 10.236l2.317-2.316l-2.013-2.013l-2.317 2.317zm.978-5.212l2.222 2.222c.37.35.37.968 0 1.338L5.867 21.694c-.37.37-.987.37-1.339 0l-2.222-2.221c-.37-.352-.37-.969 0-1.34l11.081-11.08c.37-.37.988-.37 1.34 0z"/></svg>
</template>

CSS

.icon-astyle {
  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%2024%2024%22%3E%3Cpath%20fill%3D%22%23ef5350%22%20d%3D%22M8.203%205.447L5.83%206.777l1.329-2.374l-1.33-2.374l2.374%201.33l2.374-1.33l-1.33%202.374l1.33%202.374zm11.394%209.305l2.374-1.329l-1.33%202.374l1.33%202.373l-2.374-1.329l-2.374%201.33l1.33-2.374l-1.33-2.374zm2.374-12.724l-1.33%202.374l1.33%202.374l-2.374-1.33l-2.374%201.33l1.33-2.374l-1.33-2.374l2.374%201.33zm-8.223%2010.236l2.317-2.316l-2.013-2.013l-2.317%202.317zm.978-5.212l2.222%202.222c.37.35.37.968%200%201.338L5.867%2021.694c-.37.37-.987.37-1.339%200l-2.222-2.221c-.37-.352-.37-.969%200-1.34l11.081-11.08c.37-.37.988-.37%201.34%200z%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%2024%2024%22%3E%3Cpath%20fill%3D%22%23ef5350%22%20d%3D%22M8.203%205.447L5.83%206.777l1.329-2.374l-1.33-2.374l2.374%201.33l2.374-1.33l-1.33%202.374l1.33%202.374zm11.394%209.305l2.374-1.329l-1.33%202.374l1.33%202.373l-2.374-1.329l-2.374%201.33l1.33-2.374l-1.33-2.374zm2.374-12.724l-1.33%202.374l1.33%202.374l-2.374-1.33l-2.374%201.33l1.33-2.374l-1.33-2.374l2.374%201.33zm-8.223%2010.236l2.317-2.316l-2.013-2.013l-2.317%202.317zm.978-5.212l2.222%202.222c.37.35.37.968%200%201.338L5.867%2021.694c-.37.37-.987.37-1.339%200l-2.222-2.221c-.37-.352-.37-.969%200-1.34l11.081-11.08c.37-.37.988-.37%201.34%200z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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