angular universal logo

angular-universal from CoreUI Brands by creativeLabs Łukasz Holeczek · Brand · CC0-1.0 Free for personal and commercial use.

Name
angular-universal
Set
CoreUI Brands
Style
Brand
Viewbox
32×32
License
CC0 1.0

Use the angular universal logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20.803 15.041v1.917a.64.64 0 0 1-.641.64h-8.323a.64.64 0 0 1-.641-.64v-1.917a.64.64 0 0 1 .641-.64h8.323a.64.64 0 0 1 .641.64M16 20.803c-2.136 0-2.136 3.197 0 3.197s2.136-3.197 0-3.197m4.161-11.204h-8.323a.64.64 0 0 0-.641.641v1.921a.64.64 0 0 0 .641.641h8.323a.64.64 0 0 0 .641-.641V10.24a.64.64 0 0 0-.641-.641M30.88 5.328l-2.287 19.645L15.969 32L3.36 24.973L1.12 5.328L15.969 0zm-8.479 2.989a1.92 1.92 0 0 0-1.923-1.916h-8.957a1.92 1.92 0 0 0-1.923 1.916v15.365a1.92 1.92 0 0 0 1.923 1.916h8.957a1.92 1.92 0 0 0 1.923-1.916z"/></svg>

React

import type { SVGProps } from "react";

export function CibAngularUniversal(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20.803 15.041v1.917a.64.64 0 0 1-.641.64h-8.323a.64.64 0 0 1-.641-.64v-1.917a.64.64 0 0 1 .641-.64h8.323a.64.64 0 0 1 .641.64M16 20.803c-2.136 0-2.136 3.197 0 3.197s2.136-3.197 0-3.197m4.161-11.204h-8.323a.64.64 0 0 0-.641.641v1.921a.64.64 0 0 0 .641.641h8.323a.64.64 0 0 0 .641-.641V10.24a.64.64 0 0 0-.641-.641M30.88 5.328l-2.287 19.645L15.969 32L3.36 24.973L1.12 5.328L15.969 0zm-8.479 2.989a1.92 1.92 0 0 0-1.923-1.916h-8.957a1.92 1.92 0 0 0-1.923 1.916v15.365a1.92 1.92 0 0 0 1.923 1.916h8.957a1.92 1.92 0 0 0 1.923-1.916z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M20.803 15.041v1.917a.64.64 0 0 1-.641.64h-8.323a.64.64 0 0 1-.641-.64v-1.917a.64.64 0 0 1 .641-.64h8.323a.64.64 0 0 1 .641.64M16 20.803c-2.136 0-2.136 3.197 0 3.197s2.136-3.197 0-3.197m4.161-11.204h-8.323a.64.64 0 0 0-.641.641v1.921a.64.64 0 0 0 .641.641h8.323a.64.64 0 0 0 .641-.641V10.24a.64.64 0 0 0-.641-.641M30.88 5.328l-2.287 19.645L15.969 32L3.36 24.973L1.12 5.328L15.969 0zm-8.479 2.989a1.92 1.92 0 0 0-1.923-1.916h-8.957a1.92 1.92 0 0 0-1.923 1.916v15.365a1.92 1.92 0 0 0 1.923 1.916h8.957a1.92 1.92 0 0 0 1.923-1.916z"/></svg>
</template>

CSS

.icon-angular-universal {
  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%22currentColor%22%20d%3D%22M20.803%2015.041v1.917a.64.64%200%200%201-.641.64h-8.323a.64.64%200%200%201-.641-.64v-1.917a.64.64%200%200%201%20.641-.64h8.323a.64.64%200%200%201%20.641.64M16%2020.803c-2.136%200-2.136%203.197%200%203.197s2.136-3.197%200-3.197m4.161-11.204h-8.323a.64.64%200%200%200-.641.641v1.921a.64.64%200%200%200%20.641.641h8.323a.64.64%200%200%200%20.641-.641V10.24a.64.64%200%200%200-.641-.641M30.88%205.328l-2.287%2019.645L15.969%2032L3.36%2024.973L1.12%205.328L15.969%200zm-8.479%202.989a1.92%201.92%200%200%200-1.923-1.916h-8.957a1.92%201.92%200%200%200-1.923%201.916v15.365a1.92%201.92%200%200%200%201.923%201.916h8.957a1.92%201.92%200%200%200%201.923-1.916z%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%22currentColor%22%20d%3D%22M20.803%2015.041v1.917a.64.64%200%200%201-.641.64h-8.323a.64.64%200%200%201-.641-.64v-1.917a.64.64%200%200%201%20.641-.64h8.323a.64.64%200%200%201%20.641.64M16%2020.803c-2.136%200-2.136%203.197%200%203.197s2.136-3.197%200-3.197m4.161-11.204h-8.323a.64.64%200%200%200-.641.641v1.921a.64.64%200%200%200%20.641.641h8.323a.64.64%200%200%200%20.641-.641V10.24a.64.64%200%200%200-.641-.641M30.88%205.328l-2.287%2019.645L15.969%2032L3.36%2024.973L1.12%205.328L15.969%200zm-8.479%202.989a1.92%201.92%200%200%200-1.923-1.916h-8.957a1.92%201.92%200%200%200-1.923%201.916v15.365a1.92%201.92%200%200%200%201.923%201.916h8.957a1.92%201.92%200%200%200%201.923-1.916z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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