angularjs logo

angularjs from Devicon by konpa · Original · MIT Free for personal and commercial use.

Name: angularjs
Set: Devicon
Style: Original
Viewbox: 128×128
License: MIT

1 other variant in Devicon

The same logo in other sets

angularjsMaterial Design Icons angularjs-fillRemix Icon angularjsSimple Icons

Use the angularjs logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#b3b3b3" d="M63.81 1.026L4.553 21.88l9.363 77.637l49.957 27.457l50.214-27.828l9.36-77.635z"/><path fill="#a6120d" d="M117.536 25.998L63.672 7.629v112.785l45.141-24.983z"/><path fill="#dd1b16" d="m11.201 26.329l8.026 69.434l44.444 24.651V7.627z"/><path fill="#f2f2f2" d="m78.499 67.67l-14.827 6.934H48.044l-7.347 18.374l-13.663.254l36.638-81.508zm-1.434-3.491L63.77 37.858L52.864 63.726h10.807z"/><path fill="#b3b3b3" d="m63.671 11.724l.098 26.134l12.375 25.888H63.698l-.027 10.841l17.209.017l8.042 18.63l13.074.242z"/></svg>

React

import type { SVGProps } from "react";

export function DeviconAngularjs(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#b3b3b3" d="M63.81 1.026L4.553 21.88l9.363 77.637l49.957 27.457l50.214-27.828l9.36-77.635z"/><path fill="#a6120d" d="M117.536 25.998L63.672 7.629v112.785l45.141-24.983z"/><path fill="#dd1b16" d="m11.201 26.329l8.026 69.434l44.444 24.651V7.627z"/><path fill="#f2f2f2" d="m78.499 67.67l-14.827 6.934H48.044l-7.347 18.374l-13.663.254l36.638-81.508zm-1.434-3.491L63.77 37.858L52.864 63.726h10.807z"/><path fill="#b3b3b3" d="m63.671 11.724l.098 26.134l12.375 25.888H63.698l-.027 10.841l17.209.017l8.042 18.63l13.074.242z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 128 128"><path fill="#b3b3b3" d="M63.81 1.026L4.553 21.88l9.363 77.637l49.957 27.457l50.214-27.828l9.36-77.635z"/><path fill="#a6120d" d="M117.536 25.998L63.672 7.629v112.785l45.141-24.983z"/><path fill="#dd1b16" d="m11.201 26.329l8.026 69.434l44.444 24.651V7.627z"/><path fill="#f2f2f2" d="m78.499 67.67l-14.827 6.934H48.044l-7.347 18.374l-13.663.254l36.638-81.508zm-1.434-3.491L63.77 37.858L52.864 63.726h10.807z"/><path fill="#b3b3b3" d="m63.671 11.724l.098 26.134l12.375 25.888H63.698l-.027 10.841l17.209.017l8.042 18.63l13.074.242z"/></svg>
</template>

CSS

.icon-angularjs {
  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%20128%20128%22%3E%3Cpath%20fill%3D%22%23b3b3b3%22%20d%3D%22M63.81%201.026L4.553%2021.88l9.363%2077.637l49.957%2027.457l50.214-27.828l9.36-77.635z%22%2F%3E%3Cpath%20fill%3D%22%23a6120d%22%20d%3D%22M117.536%2025.998L63.672%207.629v112.785l45.141-24.983z%22%2F%3E%3Cpath%20fill%3D%22%23dd1b16%22%20d%3D%22m11.201%2026.329l8.026%2069.434l44.444%2024.651V7.627z%22%2F%3E%3Cpath%20fill%3D%22%23f2f2f2%22%20d%3D%22m78.499%2067.67l-14.827%206.934H48.044l-7.347%2018.374l-13.663.254l36.638-81.508zm-1.434-3.491L63.77%2037.858L52.864%2063.726h10.807z%22%2F%3E%3Cpath%20fill%3D%22%23b3b3b3%22%20d%3D%22m63.671%2011.724l.098%2026.134l12.375%2025.888H63.698l-.027%2010.841l17.209.017l8.042%2018.63l13.074.242z%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%20128%20128%22%3E%3Cpath%20fill%3D%22%23b3b3b3%22%20d%3D%22M63.81%201.026L4.553%2021.88l9.363%2077.637l49.957%2027.457l50.214-27.828l9.36-77.635z%22%2F%3E%3Cpath%20fill%3D%22%23a6120d%22%20d%3D%22M117.536%2025.998L63.672%207.629v112.785l45.141-24.983z%22%2F%3E%3Cpath%20fill%3D%22%23dd1b16%22%20d%3D%22m11.201%2026.329l8.026%2069.434l44.444%2024.651V7.627z%22%2F%3E%3Cpath%20fill%3D%22%23f2f2f2%22%20d%3D%22m78.499%2067.67l-14.827%206.934H48.044l-7.347%2018.374l-13.663.254l36.638-81.508zm-1.434-3.491L63.77%2037.858L52.864%2063.726h10.807z%22%2F%3E%3Cpath%20fill%3D%22%23b3b3b3%22%20d%3D%22m63.671%2011.724l.098%2026.134l12.375%2025.888H63.698l-.027%2010.841l17.209.017l8.042%2018.63l13.074.242z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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