Ikon Add Background
codex:add-background
Ikon Add Background (codex:add-background) 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
- addbackground
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-linecap="round" stroke-width="2"><path stroke-linejoin="round" d="M11 19c-1.864 0-2.796 0-3.53-.305a4 4 0 0 1-2.166-2.164C5 15.796 5 14.864 5 13v-1c0-2.809 0-4.213.674-5.222a4 4 0 0 1 1.104-1.104C7.787 5 9.19 5 12 5h1.5c1.396 0 2.093 0 2.661.172a4 4 0 0 1 2.667 2.667C19 8.407 19 9.104 19 10.5v0"/><path d="M16 13v3m0 3v-3m3 0h-3m0 0h-3"/><path stroke-linejoin="round" d="m6.5 17.5l11-11m1.492 4h.01m-8.01 8.5h.01M5 13l8-8"/></g></svg>Cara memakai ikon Add Background
React
import { Icon } from "@iconify/react";
<Icon icon="codex:add-background" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="codex:add-background" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="codex:add-background" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[codex--add-background]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/codex -->
<div class="i-codex:add-background"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="codex:add-background"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/codex/add-background.svg" alt="Ikon Add Background" width="24" height="24">Ikon terkait di CodeX Icons
FAQ Ikon Add Background
Apakah ikon Add Background 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 Background di React?
Pasang @iconify/react lalu render <Icon icon="codex:add-background" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Add Background ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/codex/add-background.svg" alt="Ikon Add Background">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.