Ikon Nanotar
unjs:nanotar
Ikon Nanotar (unjs:nanotar) 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="#504f4f" d="m26.215 16.502l.753-7.03l.497.053l-.753 7.03zM10.46 21.46a5.46 5.46 0 1 0 0-10.92a5.46 5.46 0 0 0 0 10.92"/><path fill="url(#SVG3EZc1fMc)" d="M10.46 18.5a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5"/><path stroke="#eee" stroke-miterlimit="10" stroke-width=".235" d="M10.46 20.5a4.5 4.5 0 1 0 0-9a4.5 4.5 0 0 0 0 9Z" opacity=".2"/><path stroke="#eee" stroke-miterlimit="10" stroke-width=".25" d="M10.46 19.655a3.655 3.655 0 1 0 0-7.31a3.655 3.655 0 0 0 0 7.31Z" opacity=".2"/><path fill="#504f4f" d="M22.46 20.288a4.288 4.288 0 1 0 0-8.576a4.288 4.288 0 0 0 0 8.576"/><path fill="url(#SVGm1KUScpR)" d="M22.46 18.5a2.5 2.5 0 1 0 0-5a2.5 2.5 0 0 0 0 5"/><path stroke="#eee" stroke-miterlimit="10" stroke-width=".25" d="M22.46 19.383a3.383 3.383 0 1 0 0-6.765a3.383 3.383 0 0 0 0 6.765Z" opacity=".2"/><path fill="#595858" d="M1 8v16a1 1 0 0 0 1 1h28a1 1 0 0 0 1-1V8a1 1 0 0 0-1-1H2a1 1 0 0 0-1 1m9 11.5c0 .275-.225.5-.5.5H5c-.553 0-2-1.79-2-4s1.447-4 2-4h4.5c.275 0 .5.225.5.5zm17 .5h-4.5a.5.5 0 0 1-.5-.5v-7c0-.275.225-.5.5-.5H27c.552 0 2 1.79 2 4s-1.448 4-2 4"/><path fill="#787676" d="M2.962 9.537h26v.5h-26zm0 1h26v.5h-26zM3 22h26v.5H3zm0 1h26v.5H3zm0-2h26v.5H3z"/><path fill="#424242" d="M20.5 12c.275 0 .5.225.5.5v7c0 .275-.225.5-.5.5h-9a.5.5 0 0 1-.5-.5v-7c0-.275.225-.5.5-.5zm0-.5h-9a1 1 0 0 0-1 1v7a1 1 0 0 0 1 1h9a1 1 0 0 0 1-1v-7a1 1 0 0 0-1-1" opacity=".2"/><path fill="url(#SVGo1FeBedi)" d="M21 12.5c0-.275-.225-.5-.5-.5h-9c-.275 0-.5.225-.5.5V14h10z"/><path fill="url(#SVGFaC73cWC)" d="M11 14v5.5c0 .275.225.5.5.5h9c.275 0 .5-.225.5-.5V14z"/><path fill="#bdbdbd" d="M19.25 16.5h-6.5a.25.25 0 0 1-.25-.25v-.5a.25.25 0 0 1 .25-.25h6.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25m0 2h-6.5a.25.25 0 0 1-.25-.25v-.5a.25.25 0 0 1 .25-.25h6.5a.25.25 0 0 1 .25.25v.5a.25.25 0 0 1-.25.25"/><path fill="#424242" d="M16 7H1.973A.97.97 0 0 0 1 7.973v3.065h1.183l.014-2h27.635l-.015 2H31V7.97a.97.97 0 0 0-.97-.97z"/><defs><radialGradient id="SVG3EZc1fMc" cx="0" cy="0" r="1" gradientTransform="translate(10.459 13.208)scale(-5.353)" gradientUnits="userSpaceOnUse"><stop stop-color="#eee"/><stop offset="1" stop-color="#bdbdbd"/></radialGradient><radialGradient id="SVGm1KUScpR" cx="0" cy="0" r="1" gradientTransform="translate(22.542 13.333)scale(-5.2515)" gradientUnits="userSpaceOnUse"><stop stop-color="#eee"/><stop offset="1" stop-color="#bdbdbd"/></radialGradient><radialGradient id="SVGo1FeBedi" cx="0" cy="0" r="1" gradientTransform="translate(15.875 12.125)scale(5.461)" gradientUnits="userSpaceOnUse"><stop stop-color="#ef5350"/><stop offset="1" stop-color="#e53935"/></radialGradient><radialGradient id="SVGFaC73cWC" cx="0" cy="0" r="1" gradientTransform="translate(15.833 13.792)scale(7.101)" gradientUnits="userSpaceOnUse"><stop stop-color="#fafafa"/><stop offset="1" stop-color="#eee"/></radialGradient></defs></g></svg>Cara memakai ikon Nanotar
React
import { Icon } from "@iconify/react";
<Icon icon="unjs:nanotar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="unjs:nanotar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="unjs:nanotar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[unjs--nanotar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/unjs -->
<div class="i-unjs:nanotar"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="unjs:nanotar"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/unjs/nanotar.svg" alt="Ikon Nanotar" width="24" height="24">FAQ Ikon Nanotar
Apakah ikon Nanotar 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 Nanotar di React?
Pasang @iconify/react lalu render <Icon icon="unjs:nanotar" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Nanotar ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/unjs/nanotar.svg" alt="Ikon Nanotar">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.