Ikon Spade Bold
glyphs:spade-bold
Ikon Spade Bold (glyphs:spade-bold) adalah ikon SVG gratis dari set Glyphs karya Goran Spasojevic. Ikon ini digambar pada grid 80 × 80. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Glyphs
- Pembuat
- Goran Spasojevic
- Lisensi
- MIT
- Ukuran
- 80 × 80
- Tag
- spadebold
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="currentColor"><path fill-rule="evenodd" d="M27.578 54.028a11.665 11.665 0 0 1-13.42-13.42l.058-.35a12.36 12.36 0 0 1 3.452-6.71l6.395-6.395q.13-.229.324-.425L38.53 12.586A2 2 0 0 1 39.994 12a2 2 0 0 1 1.464.585l14.143 14.142q.195.196.324.425l6.396 6.395a12.36 12.36 0 0 1 3.451 6.71l.058.35a11.665 11.665 0 0 1-13.42 13.42l-.35-.058a12.36 12.36 0 0 1-6.71-3.451l-.856-.856v7.51l.06.119a16 16 0 0 0 1.634 2.602l2.84 3.674a2.237 2.237 0 0 1-1.77 3.604H32.73a2.237 2.237 0 0 1-1.77-3.604l3.39-4.388q.393-.507.642-1.1l.501-1.193v-7.224l-.856.856a12.35 12.35 0 0 1-6.71 3.451z" clip-rule="evenodd"/><path d="m17.417 50.77l-1.414 1.413zm10.161 3.258l-.328-1.973zm-13.42-13.42l-1.973-.328zm.058-.35l1.973.328zm3.452-6.71l-1.415-1.414zm6.395-6.395l1.414 1.414l.19-.19l.134-.234zm.324-.425l1.415 1.414zM38.53 12.586L39.944 14zM39.994 12l-.05 2l.05.001l.05-.001zm1.464.585L40.044 14zm14.143 14.142l1.414-1.414zm.324.425l-1.737.99l.133.234l.19.19zm6.396 6.395l-1.414 1.414zm3.451 6.71l-1.973.328zm.058.35l1.973-.328zm-3.258 10.161l1.414 1.415zM52.41 54.03l.328-1.974zm-.35-.059l-.328 1.973zm-6.71-3.451l1.415-1.414zm-.856-.856l1.414-1.415l-3.414-3.414v4.828zm0 7.51h-2v.471l.211.423zm1.694 2.72l-1.583 1.224zm2.84 3.675l-1.583 1.223zm-1.77 3.604v2zm-7.264 0v-2zm-7.263 0v2zm-1.77-3.604l1.583 1.223zm3.39-4.388l-1.582-1.223zm.642-1.1l1.843.775zm.501-1.193l1.844.774l.156-.371v-.403zm0-7.224h2v-4.829l-3.414 3.414zm-.856.856l1.414 1.414zm-6.71 3.451l-.328-1.973zm-11.925-1.786A13.67 13.67 0 0 0 27.906 56l-.656-3.946a9.66 9.66 0 0 1-8.419-2.7zM12.185 40.28a13.67 13.67 0 0 0 3.818 11.904l2.828-2.829a9.66 9.66 0 0 1-2.7-8.42zm.058-.35l-.058.35l3.946.656l.058-.35zm4.01-7.796a14.35 14.35 0 0 0-4.01 7.796l3.946.656a10.35 10.35 0 0 1 2.893-5.624zm6.396-6.396l-6.396 6.396l2.829 2.828l6.395-6.395zm.324-.424a4 4 0 0 0-.647.848l3.475 1.981q-.002.003 0 0zm14.143-14.142L22.973 25.313l2.829 2.828L39.944 14zm2.928-1.17a4 4 0 0 0-2.928 1.17L39.944 14zm2.828 1.17a4 4 0 0 0-2.928-1.17l.1 3.998zm14.143 14.142L42.872 11.172L40.044 14l14.143 14.142zm.648.848a4 4 0 0 0-.648-.848l-2.828 2.828q.003.004 0 .001zm6.072 5.972l-6.395-6.396l-2.829 2.829l6.396 6.395zm4.01 7.796a14.35 14.35 0 0 0-4.01-7.796l-2.828 2.828a10.36 10.36 0 0 1 2.892 5.624zm.058.35l-.058-.35l-3.946.656l.059.35zm-3.817 11.904a13.67 13.67 0 0 0 3.817-11.904l-3.945.656a9.67 9.67 0 0 1-2.7 8.42zM52.082 56a13.67 13.67 0 0 0 11.904-3.817l-2.829-2.829a9.66 9.66 0 0 1-8.419 2.7zm-.35-.058l.35.058l.656-3.946l-.35-.058zm-7.796-4.01a14.35 14.35 0 0 0 7.797 4.01l.655-3.946a10.36 10.36 0 0 1-5.623-2.892zm-.856-.856l.856.856l2.829-2.828l-.857-.857zm3.414 6.095v-7.51h-4v7.51zm-.151-.774l-.06-.12l-3.578 1.789l.06.12zm1.427 2.273a14 14 0 0 1-1.427-2.273l-3.578 1.788a18 18 0 0 0 1.84 2.93zm2.84 3.674l-2.84-3.674l-3.165 2.446l2.84 3.674zm.884 2.59c0-.937-.31-1.848-.884-2.59l-3.165 2.446q.049.063.05.145zm-4.236 4.237a4.237 4.237 0 0 0 4.236-4.236h-4c0 .13-.106.236-.236.236zm-7.264 0h7.264v-4h-7.264zm-7.263 0h7.263v-4h-7.263zm-4.237-4.236a4.237 4.237 0 0 0 4.237 4.236v-4a.237.237 0 0 1-.237-.236zm.884-2.59a4.24 4.24 0 0 0-.884 2.59h4q0-.081.05-.145zm3.391-4.389l-3.39 4.388l3.165 2.446l3.39-4.388zm.38-.65a3 3 0 0 1-.38.65l3.166 2.446c.366-.475.67-.995.901-1.548zm.501-1.195l-.502 1.194l3.688 1.55l.502-1.195zm-.156-6.45v7.225h4v-7.224zm2.558 2.271l.856-.856l-2.828-2.828l-.856.856zm-7.796 4.01a14.35 14.35 0 0 0 7.796-4.01l-2.828-2.828a10.36 10.36 0 0 1-5.624 2.892zm-.35.058l.35-.058l-.656-3.946l-.35.058z"/></g></svg>Cara memakai ikon Spade Bold
React
import { Icon } from "@iconify/react";
<Icon icon="glyphs:spade-bold" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="glyphs:spade-bold" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="glyphs:spade-bold" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--spade-bold]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:spade-bold"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="glyphs:spade-bold"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/glyphs/spade-bold.svg" alt="Ikon Spade Bold" width="24" height="24">Ikon terkait di Glyphs
Ikon Spade Bold di set ikon lain
FAQ Ikon Spade Bold
Apakah ikon Spade Bold gratis untuk penggunaan komersial?
Ya. Glyphs icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Spade Bold di React?
Pasang @iconify/react lalu render <Icon icon="glyphs:spade-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Spade Bold ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/glyphs/spade-bold.svg" alt="Ikon Spade Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.