Ikon Hyperapp
logos:hyperapp
Ikon Hyperapp (logos:hyperapp) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 119. 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 × 119
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="119" viewBox="0 0 512 119"><path d="M275.763 42.622h5.806l-13.13 37.462a10.2 10.2 0 0 1-9.626 6.823h-5.575v-4.454h5.19a5.35 5.35 0 0 0 5.018-3.498l.301-.824h-1.89l-12.422-35.509h6.01l10.26 31.26zm42.329 17.688c0 10.803-4.458 18.564-13.705 18.564c-3.848 0-7.02-1.348-9.383-4.05v12.083H289.4V42.622h4.726l.472 4.928c2.635-3.643 6.347-5.736 10.667-5.736c9.45 0 12.827 7.357 12.827 18.496m-6.01 0c0-9.315-2.564-13.973-8.167-13.973c-3.983 0-7.02 2.903-8.91 5.738v17.687c1.822 2.769 4.791 4.456 8.167 4.456c5.941 0 8.91-4.388 8.91-13.908m-80.4-18.496c-4.185 0-8.572 1.957-11.34 5.67v-15.46h-5.603v46.107h5.602V52.21c1.823-2.768 5.467-5.941 9.586-5.941c4.187 0 6.144 1.89 6.144 6.14v25.722h5.603V52.344c0-6.615-3.04-10.53-9.992-10.53M433.12 74.96l-1.349 3.98c-3.04-.402-5.47-1.887-6.48-5.06c-2.567 3.306-6.549 4.993-11.14 4.993c-7.156 0-11.477-4.318-11.477-10.934c0-7.291 5.873-11.41 16.676-11.41h5.196v-2.97c0-5.13-3.173-7.022-8.439-7.022c-2.362 0-5.6.474-9.249 1.755l-1.484-4.185c4.32-1.62 8.102-2.294 11.544-2.294c8.843 0 13.3 4.455 13.3 11.474v17.15c0 2.836.946 3.915 2.902 4.523m-8.574-14.583h-5.129c-7.9 0-10.736 2.904-10.736 7.494c0 4.456 2.228 6.75 6.887 6.75c3.51 0 6.887-1.822 8.978-5.06zm-67.564-1.08c0 1.215-.068 2.297-.135 3.038h-23.898c.27 8.303 4.927 11.882 10.396 11.882c3.239 0 6.413-.81 9.518-3.31l2.633 3.85c-3.308 2.567-7.763 4.116-12.15 4.116c-10.397 0-16.27-7.425-16.27-18.496c0-10.733 6.074-18.564 15.256-18.564s14.65 6.683 14.65 17.484m-5.401-1.284c-.136-7.626-3.577-11.542-9.182-11.542c-5.062 0-8.978 3.714-9.45 11.542zm121.105 2.296c0 10.803-4.458 18.564-13.705 18.564c-3.848 0-7.02-1.348-9.383-4.05v12.083h-5.604V42.622h4.726l.472 4.928c2.635-3.643 6.346-5.736 10.665-5.736c9.453 0 12.829 7.357 12.829 18.496m-6.01 0c0-9.315-2.564-13.973-8.167-13.973c-3.983 0-7.02 2.903-8.91 5.738v17.687c1.822 2.769 4.791 4.456 8.167 4.456c5.941 0 8.91-4.388 8.91-13.908m45.169 0c0 10.803-4.455 18.564-13.705 18.564c-3.846 0-7.02-1.348-9.382-4.05v12.083h-5.603V42.622h4.726l.47 4.928c2.635-3.643 6.346-5.736 10.668-5.736c9.452 0 12.826 7.357 12.826 18.496m-6.009 0c0-9.315-2.563-13.973-8.168-13.973c-3.983 0-7.02 2.903-8.91 5.738v17.687c1.822 2.769 4.792 4.456 8.168 4.456c5.94 0 8.91-4.388 8.91-13.908M380.391 49.442l-.677-6.82H366.55v4.39h8.305v26.666h-8.305v4.453h23.9v-4.453h-9.993v-16.81c1.215-4.927 4.928-9.585 9.722-9.585c1.485 0 2.567.2 4.118.607l1.012-5.537c-1.687-.406-2.902-.54-4.658-.54c-4.253 0-8.168 2.564-10.26 7.629"/><path fill="#0080ff" d="M69.318 49.612h40.014l9.61 19.706H69.319v49.613H49.615V69.318H0V49.612h49.615V0h19.703zm123.42 69.32h-23.214L111.518 0h23.215z"/></svg>Cara memakai ikon Hyperapp
React
import { Icon } from "@iconify/react";
<Icon icon="logos:hyperapp" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:hyperapp" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:hyperapp" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--hyperapp]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:hyperapp"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:hyperapp"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/hyperapp.svg" alt="Ikon Hyperapp" width="24" height="24">FAQ Ikon Hyperapp
Apakah ikon Hyperapp 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 Hyperapp di React?
Pasang @iconify/react lalu render <Icon icon="logos:hyperapp" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Hyperapp ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/hyperapp.svg" alt="Ikon Hyperapp">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.