Ikon Import
oui:import
Ikon Import (oui:import) adalah ikon SVG gratis dari set OpenSearch UI karya OpenSearch Contributors. Ikon ini digambar pada grid 24 × 24. 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
- 24 × 24
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m9 10.114l1.85-1.943a.52.52 0 0 1 .77 0c.214.228.214.6 0 .829l-1.95 2.05a1.55 1.55 0 0 1-2.31 0L5.41 9a.617.617 0 0 1 0-.829a.52.52 0 0 1 .77 0L8 10.082V1.556C8 1.249 8.224 1 8.5 1s.5.249.5.556zM4.18 6a.99.99 0 0 0-.972.804l-1.189 6Q2 12.9 2 13c0 .552.444 1 .99 1h11.02q.098 0 .194-.02a1 1 0 0 0 .778-1.176l-1.19-6a.99.99 0 0 0-.97-.804zM6 5v1h5V5h1.825c.946 0 1.76.673 1.946 1.608l1.19 6A2 2 0 0 1 14.016 15H2.984a1.992 1.992 0 0 1-1.945-2.392l1.19-6C2.414 5.673 3.229 5 4.174 5z"/></svg>
Cara memakai ikon Import
React
import { Icon } from "@iconify/react";
<Icon icon="oui:import" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="oui:import" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="oui:import" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[oui--import]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/oui -->
<div class="i-oui:import"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="oui:import"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/oui/import.svg" alt="Ikon Import" width="24" height="24">
Ikon Import di set ikon lain
FAQ Ikon Import
Apakah ikon Import 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 Import di React?
Pasang @iconify/react lalu render <Icon icon="oui:import" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Import ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/oui/import.svg" alt="Ikon Import">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon OpenSearch UI →
ICONYZ
