Ikon Add Border
codex:add-border
Ikon Add Border (codex:add-border) adalah ikon SVG gratis dari set CodeX Icons karya CodeX. Ikon ini digambar pada grid 24 × 24. CodeX 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
- CodeX Icons
- Pembuat
- CodeX
- Lisensi
- MIT
- Ukuran
- 24 × 24
- Tag
- addborder
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="2"><path stroke-linecap="round" stroke-linejoin="round" d="M18.992 9.5h.01M14.5 5h.01"/><path stroke-linecap="round" d="M14.625 5H15a4 4 0 0 1 4 4v.375"/><path d="M9.375 5H9a4 4 0 0 0-4 4v.375"/><path stroke-linecap="round" stroke-linejoin="round" d="M9.373 5h.01M5 9.5h.01"/><path d="M9.375 19H9a4 4 0 0 1-4-4v-.375"/><path stroke-linecap="round" stroke-linejoin="round" d="M9.373 19h.01M5 14.55h.01"/><path stroke-linecap="round" d="M16 13v3m0 3v-3m3 0h-3m0 0h-3"/></g></svg>Cara memakai ikon Add Border
React
import { Icon } from "@iconify/react";
<Icon icon="codex:add-border" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="codex:add-border" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="codex:add-border" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[codex--add-border]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/codex -->
<div class="i-codex:add-border"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="codex:add-border"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/codex/add-border.svg" alt="Ikon Add Border" width="24" height="24">Ikon terkait di CodeX Icons
FAQ Ikon Add Border
Apakah ikon Add Border gratis untuk penggunaan komersial?
Ya. CodeX Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Add Border di React?
Pasang @iconify/react lalu render <Icon icon="codex:add-border" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Add Border ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/codex/add-border.svg" alt="Ikon Add Border">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.