Ikon Protonet
logos:protonet
Ikon Protonet (logos:protonet) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 120. 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
- 512 × 120
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="120" viewBox="0 0 512 120"><path fill="#e15b29" d="M1.117 90.82C.503 90.463 0 89.594 0 88.89V31.087c0-.707.503-1.575 1.117-1.93L51.817.266c.614-.354 1.62-.354 2.234 0l50.697 28.895c.614.355 1.117 1.223 1.117 1.93v57.8c0 .706-.503 1.575-1.117 1.93L54.05 119.715c-.614.355-1.62.355-2.234 0zm152.37-53.979v23.444h10.024c7.276 0 10.51-2.964 10.51-7.815v-7.814c0-4.85-3.234-7.815-10.51-7.815zm0 30.9V88.67c0 1.257-.324 1.796-1.456 1.796H147.1c-1.05 0-1.455-.54-1.455-1.796V31.183c0-1.258.404-1.797 1.455-1.797h16.412c13.906 0 18.352 6.467 18.352 13.833v10.69c0 7.364-4.446 13.832-18.352 13.832zm46.62-30.9v22.007h10.025c7.277 0 10.511-2.874 10.511-7.815v-6.377c0-4.85-3.234-7.815-10.51-7.815zm0 29.462V88.67c0 1.257-.323 1.796-1.455 1.796h-4.931c-1.051 0-1.455-.54-1.455-1.796V31.183c0-1.258.404-1.797 1.455-1.797h16.411c13.906 0 18.353 6.467 18.353 13.833v9.341c0 5.48-2.506 10.42-9.46 12.576l9.702 23.534c.405 1.078-.323 1.796-1.455 1.796h-4.851c-1.132 0-1.293-.718-1.778-1.796l-9.136-22.367zm70.878-22.366c0-4.85-3.412-7.815-11.092-7.815c-7.595 0-11.008 2.965-11.008 7.815v31.977c0 4.851 3.413 7.815 11.008 7.815c7.68 0 11.092-2.964 11.092-7.815zM240.523 42.5c0-7.366 4.778-13.832 19.37-13.832c14.676 0 19.456 6.466 19.456 13.832v34.852c0 7.365-4.78 13.833-19.456 13.833c-14.592 0-19.37-6.468-19.37-13.833zm83.88-13.114c1.11 0 1.622.45 1.622 1.706v4.042c0 1.258-.512 1.707-1.622 1.707h-13.652V88.67c0 1.257-.427 1.796-1.537 1.796h-5.29c-1.11 0-1.536-.54-1.536-1.796V36.84h-13.653c-1.194 0-1.621-.45-1.621-1.707v-4.042c0-1.257.427-1.706 1.62-1.706zm39.767 14.551c0-4.85-3.413-7.815-11.093-7.815c-7.594 0-11.008 2.965-11.008 7.815v31.977c0 4.851 3.414 7.815 11.008 7.815c7.68 0 11.093-2.964 11.093-7.815zM333.707 42.5c0-7.366 4.778-13.832 19.37-13.832c14.677 0 19.456 6.466 19.456 13.832v34.852c0 7.365-4.78 13.833-19.456 13.833c-14.592 0-19.37-6.468-19.37-13.833zm88.218 46.259c0 1.168-.323 1.707-1.455 1.707h-4.447c-.808 0-1.132-.27-1.454-.809l-19-37.006c-1.778-3.324-2.748-6.109-2.91-6.468v42.576c0 1.168-.405 1.707-1.456 1.707h-4.527c-1.05 0-1.455-.54-1.455-1.707V31.092c0-1.167.404-1.706 1.455-1.706h4.527c.647 0 1.051.269 1.294.718L411.98 67.92c1.132 2.156 2.507 5.748 2.507 5.748V31.092c0-1.167.484-1.706 1.535-1.706h4.447c1.132 0 1.455.54 1.455 1.706zm13.902 1.707c-1.05 0-1.454-.54-1.454-1.796V31.183c0-1.258.404-1.797 1.454-1.797h27.65c1.051 0 1.536.45 1.536 1.706v4.042c0 1.258-.485 1.707-1.536 1.707h-21.262v18.145h19.807c1.132 0 1.617.449 1.617 1.706v3.863c0 1.167-.485 1.706-1.617 1.706h-19.807v20.75h22.152c1.05 0 1.536.36 1.536 1.616v4.132c0 1.258-.485 1.707-1.536 1.707zm74.636-61.08c1.052 0 1.537.45 1.537 1.706v4.042c0 1.258-.485 1.707-1.537 1.707h-12.935V88.67c0 1.257-.404 1.796-1.455 1.796h-5.012c-1.051 0-1.456-.54-1.456-1.796V36.84H476.67c-1.132 0-1.537-.45-1.537-1.707v-4.042c0-1.257.405-1.706 1.537-1.706z"/></svg>Cara memakai ikon Protonet
React
import { Icon } from "@iconify/react";
<Icon icon="logos:protonet" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:protonet" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:protonet" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--protonet]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:protonet"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:protonet"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/protonet.svg" alt="Ikon Protonet" width="24" height="24">FAQ Ikon Protonet
Apakah ikon Protonet 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 Protonet di React?
Pasang @iconify/react lalu render <Icon icon="logos:protonet" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Protonet ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/protonet.svg" alt="Ikon Protonet">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.