ICONYZ
Bahasa Indonesia
Ikon Allegro dari theSVG

Ikon Allegro

thesvg:allegro

Ikon Allegro (thesvg:allegro) adalah ikon SVG gratis dari set theSVG karya thesvg.org. Ikon ini digambar pada grid 24 × 24. theSVG 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
theSVG
Pembuat
thesvg.org
Lisensi
MIT
Ukuran
24 × 24
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.59 7.981a.124.124 0 0 0-.122.124v5.917a.124.124 0 0 0 .124.124h.72a.124.124 0 0 0 .124-.124h-.002V8.105a.124.124 0 0 0-.124-.124Zm1.691 0a.124.124 0 0 0-.124.124v5.917a.124.124 0 0 0 .124.124h.72a.124.124 0 0 0 .123-.124V8.105a.124.124 0 0 0-.122-.124Zm12.667 1.776a1.87 1.87 0 0 0-1.317.532a1.67 1.67 0 0 0-.531 1.254v2.48a.124.124 0 0 0 .123.123h.72a.124.124 0 0 0 .124-.124v-2.427c0-.752.5-1.113 1.314-.946a.13.13 0 0 0 .168-.142v-.495c0-.13-.014-.18-.1-.208a3 3 0 0 0-.501-.047m-4.626 0a2.2 2.2 0 0 0-1.732.849a2.355 2.355 0 0 0 0 2.678a2.13 2.13 0 0 0 1.732.849a2.2 2.2 0 0 0 1.234-.372v.53c0 .717-.627.848-1.03.873a5 5 0 0 1-.826-.045c-.11-.017-.188 0-.188.119v.636a.11.11 0 0 0 .114.103c.933.08 1.56.064 2.032-.206a1.54 1.54 0 0 0 .69-.875a3 3 0 0 0 .117-.874v-2.077h.002a2.25 2.25 0 0 0-.412-1.34a2.2 2.2 0 0 0-1.733-.848m-12.255.002a2.9 2.9 0 0 0-1.465.39a.09.09 0 0 0-.045.08l.038.63a.112.112 0 0 0 .185.065c.627-.387 1.38-.459 1.764-.265a.67.67 0 0 1 .335.605v.092H1.832c-.45 0-1.83.167-1.83 1.434v.014a1.23 1.23 0 0 0 .45 1.017a1.77 1.77 0 0 0 1.118.32h2.118a.124.124 0 0 0 .124-.125v-2.51l-.002.004c0-.57-.127-1.004-.402-1.303c-.274-.3-.827-.45-1.34-.45zm7.707 0c-1.28 0-1.84.858-2.02 1.585a2.4 2.4 0 0 0-.074.6a2.28 2.28 0 0 0 .412 1.338a2.2 2.2 0 0 0 1.733.85c.691.024 1.153-.093 1.506-.294a.2.2 0 0 0 .084-.212v-.558c0-.114-.069-.167-.167-.098a2.2 2.2 0 0 1-1.393.334a1.14 1.14 0 0 1-1.118-1.016h2.845a.117.117 0 0 0 .117-.116c.05-.778-.175-2.413-1.925-2.413m12.08 0a2.2 2.2 0 0 0-1.731.848a2.28 2.28 0 0 0-.412 1.34a2.28 2.28 0 0 0 .412 1.339a2.193 2.193 0 0 0 3.465 0a2.28 2.28 0 0 0 .412-1.34a2.28 2.28 0 0 0-.412-1.339a2.2 2.2 0 0 0-1.733-.848Zm-7.532.833c1.157 0 1.196 1.18 1.196 1.351s-.039 1.351-1.196 1.351c-.517 0-.89-.378-1.047-.849a1.55 1.55 0 0 1 0-1.004c.157-.47.53-.849 1.047-.849m-4.546.004a.86.86 0 0 1 .91.922H8.754a.97.97 0 0 1 1.024-.922zm12.078 0c.515-.012.89.378 1.048.848a1.55 1.55 0 0 1 0 1.003v.002c-.158.47-.531.837-1.048.848c-.518.012-.89-.378-1.047-.848a1.55 1.55 0 0 1 0-1.005c.158-.47.53-.837 1.047-.848M1.89 12.121h.99v1.246H1.63a.77.77 0 0 1-.444-.156a.49.49 0 0 1-.21-.412c0-.226.153-.678.914-.678"/></svg>

Cara memakai ikon Allegro

React

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

<Icon icon="thesvg:allegro" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:allegro" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:allegro" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--allegro]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:allegro"></div>

Web component

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

<iconify-icon icon="thesvg:allegro"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg/allegro.svg" alt="Ikon Allegro" width="24" height="24">

Ikon Allegro di set ikon lain

Ikon Allegro dari Arcticons
Arcticons
 Ikon Allegro dari Simple Icons
Simple Icons
 Ikon Allegro dari theSVG Color
theSVG Color

FAQ Ikon Allegro

Apakah ikon Allegro gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Allegro di React?

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

Bagaimana cara menambahkan ikon Allegro ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg/allegro.svg" alt="Ikon Allegro">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG →