ICONYZ
Bahasa Indonesia
Ikon Apl dari Devicon

Ikon Apl

devicon:apl

Ikon Apl (devicon:apl) 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
Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#24a148" d="M88.105 97.048h32.763l-1.792 3.95c-6.234 12.691-15.571 22.645-27.493 25.855l-3.478.663zm-42.177 0h36.588v30.881h-.509c-3.352-.12-6.863-.74-10.524-1.927c-7.976-2.585-8.014-2.63-15.52-.021c-2.999 1.042-5.9 1.668-8.7 1.922l-1.336.063zm-38.602 0H40.34v30.688l-1.16-.15c-13.214-2.298-23.6-13.222-30.35-27.18zm80.78-42.828h39.508l.287 3.317c.481 9.784-.792 20.234-3.644 30.005l-1.26 3.916h-34.89zm-42.177 0h36.588v37.238H45.929zm-45.539 0h39.95v37.238H5.143l-1.382-4.285C.558 76.287-.674 64.711.356 54.465zm25.326-30.534c3.441-.071 7.251.489 11.446 1.78l3.178 1.094v22.07H1.253l.898-3.891C5.578 32.56 13.203 23.946 25.716 23.687zm56.801-4.523V48.63H45.929V29.013l1.327.636a95 95 0 0 1 7.467 4.284c8.794-6.308 16.723-10.682 23.824-13.423zm14.896-2.278c16.268.667 25.617 13.045 29.058 29.315l.406 2.43H88.105V17.7l.48-.114c3.143-.592 6.084-.813 8.828-.7zM34.556.033h18.58q2.019 0 2.549 1.56q.39 1.148-2.533 26.707Q33.303 2.695 32.962 1.685q-.266-.78.312-1.239q.502-.413 1.282-.413"/><path fill="#defbe6" d="m20.439 66.046l-3.304 8.555h6.958zm41.545-2.528v7.895h3.226q.078.038.175.038h.136q1.322 0 2.294-.233q.972-.234 1.633-.662q.66-.466 1.01-1.224q.35-.759.35-1.77q0-1.088-.35-1.847a3 3 0 0 0-1.01-1.225q-.662-.428-1.808-.66q-1.145-.235-2.78-.234zm31.914-3.344h14.967V63.4h-2.332a7 7 0 0 0-.991.195q-.408.117-.642.31q-.233.195-.35.545a2.7 2.7 0 0 0-.116.856v17.461h5.364q2.061.078 3.285-.506q1.225-.583 1.691-1.75a14 14 0 0 0 .661-2.605q.234-1.44.272-3.112l3.693-.077v11.394H93.898v-3.189h2.022a.34.34 0 0 0 .156.04h.116q.467 0 .816-.098q.35-.097.545-.291q.233-.195.35-.545a2.8 2.8 0 0 0 .116-.856V65.23q0-.427-.116-.778a1.2 1.2 0 0 0-.35-.545a1.75 1.75 0 0 0-.642-.31a3.7 3.7 0 0 0-.991-.117l-2.022-.078zm-42.449 0h17.105q2.216.078 3.887.564q1.672.486 2.8 1.418a6 6 0 0 1 1.71 2.295q.583 1.36.583 3.19q0 1.788-.602 3.15a5.6 5.6 0 0 1-1.808 2.254q-1.204.895-3.052 1.343q-1.846.447-4.296.447l-5.791-.078v6.339q0 .544.116.913q.117.37.35.565t.642.29q.407.099.99.098l2.45-.078v3.228H51.45v-3.189h2.022q.077.04.155.04h.117q.466 0 .816-.098a1.2 1.2 0 0 0 .545-.291q.233-.195.349-.545q.117-.35.117-.856V65.229q0-.428-.117-.778a1.17 1.17 0 0 0-.35-.545a1.8 1.8 0 0 0-.64-.31a3.7 3.7 0 0 0-.992-.117l-2.022-.078zm-32.642 0h5.909L32.8 78.802q.078.194.118.33q.038.136.116.253q.039.155.097.272q.06.117.098.234q.077.116.116.232a1 1 0 0 0 .116.234q.04.118.098.213q.058.098.097.176q.31.584.68 1.011t.758.661q.428.271 1.07.389q.64.117 1.574.116v3.19H23.356v-3.267h1.36a.3.3 0 0 0 .117.039h.311q.427 0 .738-.059q.312-.058.545-.136a.93.93 0 0 0 .408-.31a.8.8 0 0 0 .136-.468q0-.194-.039-.408a5 5 0 0 0-.117-.486q-.077-.234-.174-.486a6 6 0 0 1-.175-.525l-.078-.156l-.078-.155l-.078-.156a2 2 0 0 1-.077-.194a10 10 0 0 0-.311-.7a15 15 0 0 0-.136-.33a6 6 0 0 0-.137-.293v-.077h-9.68a2 2 0 0 1-.077.194a.34.34 0 0 0-.039.156a2 2 0 0 1-.078.194l-.077.156a3 3 0 0 1-.233.622a2 2 0 0 1-.098.233a2 2 0 0 0-.097.234a.24.24 0 0 0-.058.097a.3.3 0 0 0-.02.097l-.058.117a.3.3 0 0 0-.02.117q-.116.232-.174.466q-.06.233-.137.467l-.077.467a2.6 2.6 0 0 0-.04.427q0 .272.098.486a.53.53 0 0 0 .33.292q.195.077.642.117q.447.038 1.108.038l1.127-.077v3.266H6.367v-3.266a.13.13 0 0 0 .097.039h.292q.622 0 1.147-.078t.913-.233q.428-.194.817-.662q.389-.465.738-1.205a11 11 0 0 1 .311-.7l.078-.156a2 2 0 0 0 .078-.194l.078-.156l.077-.155v-.058q0-.02.04-.06l.019-.018q.02-.02.02-.058q0-.04.019-.078a.3.3 0 0 1 .058-.078q.077-.118.117-.214q.038-.097.116-.214l.097-.195q.06-.116.097-.233q.117-.195.214-.428t.175-.466z"/></svg>

Cara memakai ikon Apl

React

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

<Icon icon="devicon:apl" width="24" />

Vue

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

<template>
  <Icon icon="devicon:apl" width="24" />
</template>

Svelte

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

<Icon icon="devicon:apl" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="devicon:apl"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/devicon/apl.svg" alt="Ikon Apl" width="24" height="24">

Ikon Apl di set ikon lain

FAQ Ikon Apl

Apakah ikon Apl gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Apl di React?

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

Bagaimana cara menambahkan ikon Apl ke halaman web?

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

Lihat semua Ikon Devicon →