Ikon Jamstack
logos:jamstack
Ikon Jamstack (logos:jamstack) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 98. 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 × 98
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="98" viewBox="0 0 512 98"><path fill="#fff" d="M187.51 31.9c4.802 0 10.155 1.808 12.754 6.132h.157v-4.639h13.069v43.64h-13.07v-4.717h-.157c-2.362 4.482-8.03 6.212-12.755 6.212c-13.462 0-21.965-10.38-21.965-23.354c0-12.738 8.818-23.275 21.965-23.275m126.427 0c8.74 0 15.904 4.481 16.768 13.76h-12.832c-.078-2.438-1.812-3.303-4.094-3.303c-1.732 0-3.7.944-3.7 2.91c0 6.84 21.964 2.988 21.964 18.4c0 9.828-8.896 14.86-17.791 14.86c-9.133 0-16.77-4.874-17.793-14.468h12.99c.394 2.674 2.362 4.01 4.96 4.01c1.97 0 4.567-1.1 4.567-3.38c0-3.146-3.543-4.09-5.905-5.033c-1.89-.629-3.78-1.258-5.669-1.966c-5.196-1.887-10.392-5.268-10.392-11.401c0-9.121 8.503-14.39 16.927-14.39m71.012 0c4.8 0 10.155 1.808 12.752 6.132h.158v-4.639h13.07v43.64h-13.07v-4.717h-.158c-2.362 4.482-8.031 6.212-12.752 6.212c-13.463 0-21.966-10.38-21.966-23.354c0-12.738 8.817-23.275 21.966-23.275m56.455 0c11.179 0 20.863 7.233 23.146 18.32h-13.227c-1.888-4.088-5.274-6.133-9.762-6.133c-6.298 0-10.077 5.19-10.077 11.087c0 6.133 4.014 11.087 10.39 11.087c4.332 0 7.483-2.044 9.45-5.819h13.305c-2.52 10.694-11.89 18.007-22.911 18.007c-13.067 0-23.383-10.3-23.383-23.353c0-12.896 10.08-23.197 23.069-23.197M159.04 18.846v35.558c-.002 5.482-.088 11.653-3.621 16.102c-3.936 4.875-10.235 7.627-16.454 7.627c-2.677 0-5.433-.471-7.873-1.415c-8.267-2.988-11.731-9.907-11.731-18.4h15.825c.157 2.91.708 6.763 4.487 6.763c4.251 0 4.488-4.168 4.488-7.392V18.847zm114.842 13.052c4.33 0 8.424 1.258 11.495 4.404c4.96 5.032 4.723 10.222 4.723 16.905v23.826h-13.068l-.001-23.432c-.022-4.72-.729-9.436-6.692-9.436c-5.825 0-7.243 4.089-7.243 9.042v23.826h-13.069V53.287c0-4.482-1.023-9.121-6.534-9.121c-6.062 0-7.4 4.56-7.4 9.672v23.196h-13.07v-43.64h12.203v4.638h.158c2.52-4.481 7.085-6.133 12.045-6.133c5.669 0 9.92 2.831 12.597 7.785c3.15-4.954 7.952-7.785 13.856-7.785m80.364-13.052v14.546h6.298v9.908h-6.298v33.733h-13.07V43.3h-6.455v-9.908h6.455V18.847zm129.96 0v30.351h.158l12.124-15.805H512L495.547 52.58l15.982 24.455h-14.801L484.365 56.04h-.157v20.995H471.14V18.847zM189.4 44.087c-6.377 0-10.786 5.033-10.786 11.244c0 6.055 4.724 11.009 10.865 11.009c6.377 0 10.943-4.875 10.943-11.166c0-6.37-4.645-11.087-11.022-11.087m197.437 0c-6.376 0-10.786 5.033-10.786 11.244c0 6.055 4.724 11.009 10.865 11.009c6.376 0 10.944-4.875 10.944-11.166c0-6.37-4.646-11.087-11.023-11.087"/><path fill="#f0047f" d="M48.687 0C21.765 0 0 21.765 0 48.687s21.765 48.687 48.687 48.687S97.374 75.61 97.374 48.687V0z"/><path fill="#fff" d="M46.04 51.334v35.493c-18.89-1.079-34.096-16.106-35.456-34.921l-.037-.572zm34.599 0c-.99 18.89-14.765 34.097-32.012 35.456l-.523.037V51.334zm.042-34.641V49.27H48.104V16.693z"/></svg>Cara memakai ikon Jamstack
React
import { Icon } from "@iconify/react";
<Icon icon="logos:jamstack" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:jamstack" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:jamstack" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--jamstack]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:jamstack"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:jamstack"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/jamstack.svg" alt="Ikon Jamstack" width="24" height="24">Ikon terkait di SVG Logos
Ikon Jamstack di set ikon lain
FAQ Ikon Jamstack
Apakah ikon Jamstack 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 Jamstack di React?
Pasang @iconify/react lalu render <Icon icon="logos:jamstack" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Jamstack ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/jamstack.svg" alt="Ikon Jamstack">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.