Ikon App Code

oui:app-code

Ikon App Code (oui:app-code) adalah ikon SVG gratis dari set OpenSearch UI karya OpenSearch Contributors. Ikon ini digambar pada grid 32 × 32. OpenSearch UI icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: OpenSearch UI
Pembuat: OpenSearch Contributors
Lisensi: Apache-2.0
Ukuran: 32 × 32
Tag: appcode

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m11.276 29l.594 2H0l7.621-14.29l.811 2.73L3.333 29zm17.644 2l-4.987-16.598A16 16 0 0 0 8.688 3l1.8 6H8.4L6 1h2.607a18 18 0 0 1 17.241 12.828L31 31z"/><path fill="currentColor" d="M12.037 14.02L16.492 29h6.827l-2.333-7.849a10 10 0 0 0-8.949-7.13M9.35 12h2.05a12 12 0 0 1 11.503 8.581L26 31H15z" class="ouiIcon__fillSecondary"/></svg>

Cara memakai ikon App Code

React

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

<Icon icon="oui:app-code" width="24" />

Vue

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

<template>
  <Icon icon="oui:app-code" width="24" />
</template>

Svelte

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

<Icon icon="oui:app-code" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[oui--app-code]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/oui -->
<div class="i-oui:app-code"></div>

Web component

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

<iconify-icon icon="oui:app-code"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/oui/app-code.svg" alt="Ikon App Code" width="24" height="24">

Ikon terkait di OpenSearch UI

FAQ Ikon App Code

Apakah ikon App Code gratis untuk penggunaan komersial?

Ya. OpenSearch UI icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon App Code di React?

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

Bagaimana cara menambahkan ikon App Code ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/oui/app-code.svg" alt="Ikon App Code">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon OpenSearch UI →