Ikon Neat
logos:neat
Ikon Neat (logos:neat) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 256. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 256
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVG7cPGOc3C" x1="50%" x2="50%" y1="100%" y2="0%"><stop offset="0%" stop-color="#21e9f4"/><stop offset="100%" stop-color="#00d4ff"/></linearGradient></defs><path fill="#00d4ff" d="M256 223.693c-.016 1.087-.048 2.173-.16 3.26a31.8 31.8 0 0 1-1.776 7.717c-3.216 8.756-10.304 15.835-19.072 19.046c-3.264 1.199-6.688 1.79-10.16 1.918c-64.272.815-128.56.016-192.832.016c-1.088-.016-2.176-.048-3.264-.16a32 32 0 0 1-7.728-1.774a32 32 0 0 1-12.688-8.548a31.7 31.7 0 0 1-6.64-11.233C.56 230.628.048 227.193 0 223.693V0l128 127.825L256 0zm-244-.08c.032 2.381.384 4.698 1.216 6.935c2 5.48 6.432 9.906 11.92 11.904c2.032.75 4.176 1.118 6.336 1.214q96.528 1.198 193.056 0c2.16-.096 4.304-.463 6.336-1.214c5.488-1.998 9.92-6.423 11.92-11.904c.832-2.237 1.184-4.554 1.216-6.934V28.936L136.48 136.293l-.768.72c-.848.638-1.68 1.23-2.64 1.677a12.1 12.1 0 0 1-10.144 0a12.3 12.3 0 0 1-2.64-1.678c-.272-.223-.512-.48-.768-.719L12 28.936z"/><path fill="url(#SVG7cPGOc3C)" d="M9.376 246.286L128 127.825l118.624 118.461c-5.792 5.785-13.792 9.364-22.624 9.364H32c-8.832 0-16.832-3.58-22.624-9.364"/></svg>Cara memakai ikon Neat
React
import { Icon } from "@iconify/react";
<Icon icon="logos:neat" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:neat" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:neat" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--neat]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:neat"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:neat"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/neat.svg" alt="Ikon Neat" width="24" height="24">FAQ Ikon Neat
Apakah ikon Neat gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Neat di React?
Pasang @iconify/react lalu render <Icon icon="logos:neat" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Neat ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/neat.svg" alt="Ikon Neat">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.