ICONYZ
Bahasa Indonesia
Ikon Angular Wordmark dari Devicon

Ikon Angular Wordmark

devicon:angular-wordmark

Ikon Angular Wordmark (devicon:angular-wordmark) adalah ikon SVG gratis dari set Devicon karya konpa. Ikon ini digambar pada grid 128 × 128. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
Devicon
Pembuat
konpa
Lisensi
MIT
Ukuran
128 × 128
Tag
angularwordmark
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><defs><path id="SVGGuHvUBzJ" d="M0 48.4h128v31.2H0z"/></defs><clipPath id="SVG2QElpeAc"><use href="#SVGGuHvUBzJ"/></clipPath><g clip-path="url(#SVG2QElpeAc)"><linearGradient id="SVGfRikpvXz" x1="0" x2="128" y1="65" y2="65" gradientTransform="matrix(1 0 0 -1 0 129)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f0060b"/><stop offset="0" stop-color="#f0070c"/><stop offset=".526" stop-color="#cc26d5"/><stop offset="1" stop-color="#7702ff"/></linearGradient><path fill="url(#SVGfRikpvXz)" d="M50.7 73.4h4l-7.3-20.8h-4.7l-7.3 20.8h4l1.7-5.1h7.8zm-8.6-8.2l2.8-8.4h.2l2.8 8.4zm16.6-.9v9.2H55V57.8h3.5v2.7h.2c.4-.9.9-1.6 1.7-2.1s1.8-.8 2.9-.8s2 .2 2.8.7s1.4 1.1 1.9 2c.4.9.7 1.9.7 3.2v9.9H65V64c0-1-.3-1.9-.8-2.5s-1.3-.9-2.2-.9c-.6 0-1.2.1-1.7.4q-.75.45-1.2 1.2c-.3.7-.4 1.3-.4 2.1m18.1 15.3c-1.3 0-2.5-.2-3.4-.5c-.9-.4-1.7-.8-2.3-1.4s-1-1.3-1.2-2l3.3-.8c.1.3.4.6.7.9s.7.6 1.2.8q.75.3 1.8.3c1 0 1.9-.3 2.6-.8s1-1.3 1-2.5v-3h-.2c-.2.4-.5.8-.8 1.2c-.4.4-.8.7-1.4 1s-1.3.4-2.2.4q-1.8 0-3.3-.9c-1-.6-1.7-1.4-2.3-2.5q-.9-1.65-.9-4.2c0-1.7.3-3.2.9-4.4s1.3-2.1 2.3-2.7q1.5-.9 3.3-.9c.9 0 1.7.1 2.3.5c.6.3 1.1.7 1.4 1.1c.4.4.6.8.8 1.2h.2v-2.6h3.6v15.9c0 1.3-.3 2.4-1 3.3c-.6.9-1.5 1.5-2.6 2c-1.1.4-2.4.6-3.8.6m0-9.3c.8 0 1.4-.2 2-.6c.5-.4 1-.9 1.2-1.6c.3-.7.4-1.6.4-2.6s-.1-1.8-.4-2.6c-.3-.7-.7-1.3-1.2-1.7s-1.2-.6-2-.6s-1.5.2-2.1.6c-.5.4-1 1-1.2 1.7c-.3.7-.4 1.6-.4 2.5s.1 1.8.4 2.5s.7 1.3 1.2 1.7c.6.5 1.3.7 2.1.7m18.5-3.5v-9H99v15.6h-3.6v-2.8h-.2c-.4.9-.9 1.6-1.7 2.1c-.8.6-1.8.8-3 .8c-1 0-1.9-.2-2.7-.7s-1.4-1.1-1.8-2s-.7-1.9-.7-3.2v-9.9H89v9.4c0 1 .3 1.8.8 2.4s1.3.9 2.1.9c.5 0 1.1-.1 1.6-.4s.9-.7 1.3-1.2c.3-.5.5-1.2.5-2m8.6-14.2v20.8h-3.7V52.6zm5.8 21.1c-1 0-1.9-.2-2.7-.5c-.8-.4-1.4-.9-1.9-1.6s-.7-1.6-.7-2.6c0-.9.2-1.6.5-2.2s.8-1 1.3-1.4c.6-.3 1.2-.6 1.9-.8s1.4-.3 2.2-.4c.9-.1 1.7-.2 2.2-.3c.6-.1 1-.2 1.2-.4c.3-.2.4-.4.4-.8v-.1c0-.8-.2-1.4-.7-1.8s-1.1-.6-2-.6q-1.35 0-2.1.6c-.5.4-.9.9-1.1 1.4l-3.4-.5c.3-.9.7-1.7 1.3-2.4c.6-.6 1.4-1.1 2.3-1.4s1.9-.5 3-.5c.8 0 1.5.1 2.3.3s1.4.5 2 .9s1.1.9 1.5 1.6s.6 1.6.6 2.6v10.5h-3.5v-2.1h-.1q-.3.6-.9 1.2t-1.5.9c-.6.3-1.3.4-2.1.4m1-2.7c.7 0 1.4-.1 1.9-.4s1-.7 1.3-1.2s.4-1 .4-1.6V66q-.15.15-.6.3c-.3.1-.6.1-.9.2s-.7.1-1 .2c-.3 0-.6.1-.9.1c-.5.1-1 .2-1.5.4c-.4.2-.8.4-1 .7c-.3.3-.4.7-.4 1.2c0 .7.2 1.2.7 1.5c.6.2 1.2.4 2 .4m8.4 2.4V57.8h3.6v2.6h.2q.45-1.35 1.5-2.1c1.05-.75 1.5-.7 2.4-.7h.7c.3 0 .5 0 .6.1V61c-.2-.1-.4-.1-.7-.1s-.6-.1-1-.1c-.7 0-1.3.1-1.8.4s-.9.7-1.3 1.2c-.3.5-.5 1.1-.5 1.8v9.2zM28.9 53.5l-1 16.4l-10-21.5zM22 74.8l-7.6 4.3l-7.6-4.3L8.5 71h12zm-7.5-18.2l4 9.6h-7.9c-.1 0 3.9-9.6 3.9-9.6M1 69.9L0 53.5l11-5.1z"/><radialGradient id="SVGJ8uBcemP" cx="-893.967" cy="608.519" r=".13" gradientTransform="rotate(118.122 -129510.816 -7444.874)scale(205.794 -205.794)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ff41f8"/><stop offset=".707" stop-color="#ff41f8" stop-opacity=".5"/><stop offset="1" stop-color="#ff41f8" stop-opacity="0"/></radialGradient><path fill="url(#SVGJ8uBcemP)" d="M50.7 73.4h4l-7.3-20.8h-4.7l-7.3 20.8h4l1.7-5.1h7.8zm-8.6-8.2l2.8-8.4h.2l2.8 8.4zm16.6-.9v9.2H55V57.8h3.5v2.7h.2c.4-.9.9-1.6 1.7-2.1s1.8-.8 2.9-.8s2 .2 2.8.7s1.4 1.1 1.9 2c.4.9.7 1.9.7 3.2v9.9H65V64c0-1-.3-1.9-.8-2.5s-1.3-.9-2.2-.9c-.6 0-1.2.1-1.7.4q-.75.45-1.2 1.2c-.3.7-.4 1.3-.4 2.1m18.1 15.3c-1.3 0-2.5-.2-3.4-.5c-.9-.4-1.7-.8-2.3-1.4s-1-1.3-1.2-2l3.3-.8c.1.3.4.6.7.9s.7.6 1.2.8q.75.3 1.8.3c1 0 1.9-.3 2.6-.8s1-1.3 1-2.5v-3h-.2c-.2.4-.5.8-.8 1.2c-.4.4-.8.7-1.4 1s-1.3.4-2.2.4q-1.8 0-3.3-.9c-1-.6-1.7-1.4-2.3-2.5q-.9-1.65-.9-4.2c0-1.7.3-3.2.9-4.4s1.3-2.1 2.3-2.7q1.5-.9 3.3-.9c.9 0 1.7.1 2.3.5c.6.3 1.1.7 1.4 1.1c.4.4.6.8.8 1.2h.2v-2.6h3.6v15.9c0 1.3-.3 2.4-1 3.3c-.6.9-1.5 1.5-2.6 2c-1.1.4-2.4.6-3.8.6m0-9.3c.8 0 1.4-.2 2-.6c.5-.4 1-.9 1.2-1.6c.3-.7.4-1.6.4-2.6s-.1-1.8-.4-2.6c-.3-.7-.7-1.3-1.2-1.7s-1.2-.6-2-.6s-1.5.2-2.1.6c-.5.4-1 1-1.2 1.7c-.3.7-.4 1.6-.4 2.5s.1 1.8.4 2.5s.7 1.3 1.2 1.7c.6.5 1.3.7 2.1.7m18.5-3.5v-9H99v15.6h-3.6v-2.8h-.2c-.4.9-.9 1.6-1.7 2.1c-.8.6-1.8.8-3 .8c-1 0-1.9-.2-2.7-.7s-1.4-1.1-1.8-2s-.7-1.9-.7-3.2v-9.9H89v9.4c0 1 .3 1.8.8 2.4s1.3.9 2.1.9c.5 0 1.1-.1 1.6-.4s.9-.7 1.3-1.2c.3-.5.5-1.2.5-2m8.6-14.2v20.8h-3.7V52.6zm5.8 21.1c-1 0-1.9-.2-2.7-.5c-.8-.4-1.4-.9-1.9-1.6s-.7-1.6-.7-2.6c0-.9.2-1.6.5-2.2s.8-1 1.3-1.4c.6-.3 1.2-.6 1.9-.8s1.4-.3 2.2-.4c.9-.1 1.7-.2 2.2-.3c.6-.1 1-.2 1.2-.4c.3-.2.4-.4.4-.8v-.1c0-.8-.2-1.4-.7-1.8s-1.1-.6-2-.6q-1.35 0-2.1.6c-.5.4-.9.9-1.1 1.4l-3.4-.5c.3-.9.7-1.7 1.3-2.4c.6-.6 1.4-1.1 2.3-1.4s1.9-.5 3-.5c.8 0 1.5.1 2.3.3s1.4.5 2 .9s1.1.9 1.5 1.6s.6 1.6.6 2.6v10.5h-3.5v-2.1h-.1q-.3.6-.9 1.2t-1.5.9c-.6.3-1.3.4-2.1.4m1-2.7c.7 0 1.4-.1 1.9-.4s1-.7 1.3-1.2s.4-1 .4-1.6V66q-.15.15-.6.3c-.3.1-.6.1-.9.2s-.7.1-1 .2c-.3 0-.6.1-.9.1c-.5.1-1 .2-1.5.4c-.4.2-.8.4-1 .7c-.3.3-.4.7-.4 1.2c0 .7.2 1.2.7 1.5c.6.2 1.2.4 2 .4m8.4 2.4V57.8h3.6v2.6h.2q.45-1.35 1.5-2.1c1.05-.75 1.5-.7 2.4-.7h.7c.3 0 .5 0 .6.1V61c-.2-.1-.4-.1-.7-.1s-.6-.1-1-.1c-.7 0-1.3.1-1.8.4s-.9.7-1.3 1.2c-.3.5-.5 1.1-.5 1.8v9.2zM28.9 53.5l-1 16.4l-10-21.5zM22 74.8l-7.6 4.3l-7.6-4.3L8.5 71h12zm-7.5-18.2l4 9.6h-7.9c-.1 0 3.9-9.6 3.9-9.6M1 69.9L0 53.5l11-5.1z"/></g></svg>

Cara memakai ikon Angular Wordmark

React

import { Icon } from "@iconify/react";

<Icon icon="devicon:angular-wordmark" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="devicon:angular-wordmark" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="devicon:angular-wordmark" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon--angular-wordmark]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/devicon -->
<div class="i-devicon:angular-wordmark"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="devicon:angular-wordmark"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/devicon/angular-wordmark.svg" alt="Ikon Angular Wordmark" width="24" height="24">

Ikon terkait di Devicon

Ikon angular
angular
 Ikon angularjs
angularjs
 Ikon angularjs-wordmark
angularjs-wordmark
 Ikon angularmaterial
angularmaterial

Ikon Angular Wordmark di set ikon lain

Ikon Angular Wordmark dari Devicon Plain
Devicon Plain

FAQ Ikon Angular Wordmark

Apakah ikon Angular Wordmark gratis untuk penggunaan komersial?

Ya. Devicon icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Angular Wordmark di React?

Pasang @iconify/react lalu render <Icon icon="devicon:angular-wordmark" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Angular Wordmark ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/devicon/angular-wordmark.svg" alt="Ikon Angular Wordmark">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Devicon →