Ikon Confbox
unjs:confbox
Ikon Confbox (unjs:confbox) adalah ikon SVG gratis dari set UnJS Logos karya UnJS. Ikon ini digambar pada grid 32 × 32. UnJS Logos 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
- UnJS Logos
- Pembuat
- UnJS
- Lisensi
- Apache-2.0
- Ukuran
- 32 × 32
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><path fill="#f44336" d="M29.218 8.073H2.783L1 12.49h30z"/><path fill="#ff7555" d="M24.975 6.652H7.025c-.335 0-.67.06-.982.18L2.78 8.072h26.438l-3.263-1.24a2.7 2.7 0 0 0-.98-.18"/><path fill="#c62828" d="M29.993 29.403H2.008c-.558 0-1.008-.45-1.008-1.008V12.49h30v15.905c0 .558-.45 1.008-1.008 1.008"/><path stroke="#a80707" stroke-miterlimit="10" stroke-width=".533" d="M1 17.525h30"/><path fill="#a80707" d="M10.263 16.32h-4.13c-.236 0-.428.165-.428.367v2.428c0 .202.19.367.427.367h.613v1.265c0 .54.507.978 1.135.978h.637c.625 0 1.135-.438 1.135-.978v-1.265h.613c.235 0 .428-.165.428-.367v-2.428c-.005-.202-.195-.367-.43-.367"/><path fill="#558ea0" d="M9.97 18.98H6.422c-.15 0-.27-.12-.27-.27v-2.565c0-.15.12-.27.27-.27h3.545c.15 0 .27.12.27.27v2.565c.003.15-.12.27-.267.27"/><path stroke="#332424" stroke-miterlimit="10" stroke-width=".708" d="M7.005 17.507h2.382"/><path fill="#82aec0" d="M9.388 17.155H7.004v-1.328a.72.72 0 0 1 .718-.717h.95a.72.72 0 0 1 .717.718zm-2.383.665h2.382v2.645a.72.72 0 0 1-.717.718h-.95a.72.72 0 0 1-.717-.718V17.82z"/><path fill="#a1d5e5" d="M8.958 19.898c.107 0 .235.09.265.25c.015.09-.035.274-.105.335a1.16 1.16 0 0 1-.475.22c-.275.067-.575.08-.848.007c-.272-.07-.557-.207-.64-.435c-.125-.348.343-.372 1.803-.377"/><path fill="#a80707" d="M25.868 16.32h-4.13c-.235 0-.428.165-.428.367v2.428c0 .202.19.367.428.367h.612v1.265c0 .54.508.978 1.135.978h.637c.625 0 1.136-.438 1.136-.978v-1.265h.612c.235 0 .427-.165.427-.367v-2.428c-.002-.202-.192-.367-.43-.367"/><path fill="#558ea0" d="M25.578 18.98H22.03c-.15 0-.27-.12-.27-.27v-2.565c0-.15.12-.27.27-.27h3.545c.15 0 .27.12.27.27v2.565c0 .15-.12.27-.267.27"/><path stroke="#332424" stroke-miterlimit="10" stroke-width=".708" d="M22.613 17.507h2.382"/><path fill="#82aec0" d="M24.995 17.155h-2.383v-1.328a.72.72 0 0 1 .718-.717h.95a.717.717 0 0 1 .717.718v1.327zm-2.383.665h2.383v2.645a.72.72 0 0 1-.718.718h-.95a.72.72 0 0 1-.717-.718V17.82z"/><path fill="#a1d5e5" d="M24.638 19.898c.074.002.212.025.262.172c.05.148-.05.303-.177.41a1.16 1.16 0 0 1-.476.22c-.274.068-.575.08-.847.008c-.272-.07-.517-.225-.64-.435c-.195-.333.457-.435 1.877-.375"/><path fill="#424242" d="M22.633 6.762c-.118-.157-.503-.317-.616-.382c-.752-.448-.674-1.68-1.18-2.48c-.45-.715-1.252-1.3-2.097-1.3h-4.717c-.845 0-1.648.587-2.098 1.3c-.505.8-.428 2.032-1.18 2.48c-.11.065-.497.227-.615.382c-.145.195 0 .4 0 .4h1.365c.668 0 1.043-1.122 1.1-1.275c.227-.625.643-1.547 1.428-1.547h4.717c.785 0 1.2.925 1.428 1.547c.055.153.43 1.275 1.1 1.275h1.364s.145-.205 0-.4"/><path fill="#616161" d="M12.805 3.348a2 2 0 0 1 1.285-.47a.7.7 0 0 1 .367.087c.108.07.183.203.15.328c-.034.132-.172.21-.3.26c-.462.18-.997.22-1.364.55c-.253.227-.386.555-.566.842c-.087.14-.205.283-.37.3c-.057.005-.12-.007-.157-.05c-.065-.075-.025-.19.018-.277c.137-.285.217-.585.364-.863c.155-.285.358-.48.573-.707"/><path fill="#a1d5e5" d="M8.3 15.863a1 1 0 0 0-.79.43c-.038.057-.09.127-.16.112c-.055-.013-.078-.07-.09-.12c-.053-.21-.07-.453.052-.645c.128-.203.375-.32.615-.35c.485-.057.845-.08.928.223c.097.357-.3.34-.555.35m15.595 0a1 1 0 0 0-.79.43c-.038.057-.09.127-.16.112c-.055-.013-.078-.07-.09-.12c-.053-.21-.07-.453.052-.645c.128-.203.375-.32.616-.35c.485-.057.845-.08.927.223c.1.357-.3.34-.555.35"/></g></svg>Cara memakai ikon Confbox
React
import { Icon } from "@iconify/react";
<Icon icon="unjs:confbox" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="unjs:confbox" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="unjs:confbox" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[unjs--confbox]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/unjs -->
<div class="i-unjs:confbox"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="unjs:confbox"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/unjs/confbox.svg" alt="Ikon Confbox" width="24" height="24">FAQ Ikon Confbox
Apakah ikon Confbox gratis untuk penggunaan komersial?
Ya. UnJS Logos icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Confbox di React?
Pasang @iconify/react lalu render <Icon icon="unjs:confbox" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Confbox ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/unjs/confbox.svg" alt="Ikon Confbox">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.