Ikon Processor Outline
basil:processor-outline
Ikon Processor Outline (basil:processor-outline) adalah ikon SVG gratis dari set Basil karya Craftwork. Ikon ini digambar pada grid 24 × 24. Basil icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor" fill-rule="evenodd" clip-rule="evenodd"><path d="M13.808 8.447a16.4 16.4 0 0 0-3.616 0c-.898.1-1.626.808-1.732 1.717a15.8 15.8 0 0 0 0 3.672c.106.91.834 1.616 1.732 1.717c1.192.133 2.424.133 3.616 0a1.96 1.96 0 0 0 1.732-1.717c.143-1.22.143-2.452 0-3.672a1.96 1.96 0 0 0-1.732-1.717m-3.45 1.491c1.082-.12 2.202-.12 3.284 0a.464.464 0 0 1 .409.4c.129 1.104.129 2.22 0 3.324a.464.464 0 0 1-.41.4a15 15 0 0 1-3.283 0a.464.464 0 0 1-.409-.4a14.3 14.3 0 0 1 0-3.324a.464.464 0 0 1 .41-.4"/><path d="M15.75 3a.75.75 0 0 0-1.5 0v2.524a32 32 0 0 0-1.5-.07V4a.75.75 0 0 0-1.5 0v1.454a32 32 0 0 0-1.5.07V3a.75.75 0 0 0-1.5 0v2.672A3.18 3.18 0 0 0 5.688 8.25H3a.75.75 0 0 0 0 1.5h2.537q-.054.75-.073 1.5H4a.75.75 0 0 0 0 1.5h1.464q.02.75.073 1.5H3a.75.75 0 0 0 0 1.5h2.688a3.18 3.18 0 0 0 2.562 2.578V21a.75.75 0 0 0 1.5 0v-2.524q.748.053 1.5.07V20a.75.75 0 0 0 1.5 0v-1.454a32 32 0 0 0 1.5-.07V21a.75.75 0 0 0 1.5 0v-2.672a3.18 3.18 0 0 0 2.562-2.578H21a.75.75 0 0 0 0-1.5h-2.537q.054-.75.073-1.5H20a.75.75 0 0 0 0-1.5h-1.464q-.02-.75-.073-1.5H21a.75.75 0 0 0 0-1.5h-2.688a3.18 3.18 0 0 0-2.562-2.578zM8.633 7.13a30.6 30.6 0 0 1 6.734 0c.773.087 1.39.698 1.479 1.459a29.4 29.4 0 0 1 0 6.822a1.68 1.68 0 0 1-1.48 1.458a30.6 30.6 0 0 1-6.733 0a1.68 1.68 0 0 1-1.479-1.458a29.4 29.4 0 0 1 0-6.822a1.68 1.68 0 0 1 1.48-1.458"/></g></svg>Cara memakai ikon Processor Outline
React
import { Icon } from "@iconify/react";
<Icon icon="basil:processor-outline" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="basil:processor-outline" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="basil:processor-outline" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[basil--processor-outline]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/basil -->
<div class="i-basil:processor-outline"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="basil:processor-outline"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/basil/processor-outline.svg" alt="Ikon Processor Outline" width="24" height="24">Ikon terkait di Basil
FAQ Ikon Processor Outline
Apakah ikon Processor Outline gratis untuk penggunaan komersial?
Ya. Basil icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.
Bagaimana cara memakai ikon Processor Outline di React?
Pasang @iconify/react lalu render <Icon icon="basil:processor-outline" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Processor Outline ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/basil/processor-outline.svg" alt="Ikon Processor Outline">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.