Ikon Bowling
flat-ui:bowling
Ikon Bowling (flat-ui:bowling) adalah ikon SVG gratis dari set Flat UI Icons karya Designmodo, Inc.. Ikon ini digambar pada grid 89 × 100. Flat UI 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
- Flat UI Icons
- Pembuat
- Designmodo, Inc.
- Lisensi
- MIT
- Ukuran
- 89 × 100
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="89" height="100" viewBox="0 0 89 100"><path fill="#334D5C" d="M41.494 17.018c22.916 0 41.494 18.576 41.494 41.491S64.41 100 41.494 100S0 81.424 0 58.509s18.578-41.491 41.494-41.491"/><path fill="#243641" d="M36.469 26.301c2.066.803 3.084 3.113 2.274 5.161s-3.142 3.057-5.208 2.254c-2.066-.804-3.084-3.114-2.274-5.162c.811-2.047 3.142-3.056 5.208-2.253m17.97 6.953a4.001 4.001 0 1 1-2.926 7.448a4.001 4.001 0 0 1 2.926-7.448m-14.97 11.029a3.994 3.994 0 0 1 2.273 5.185c-.81 2.058-3.142 3.07-5.208 2.265a3.996 3.996 0 0 1-2.274-5.186a4.027 4.027 0 0 1 5.209-2.264"/><path fill="#2E4553" d="M46.494 92C23.578 92 5 73.424 5 50.509a41.3 41.3 0 0 1 4.002-17.791C3.373 39.801 0 48.758 0 58.509C0 81.424 18.578 100 41.494 100c16.549 0 30.83-9.688 37.492-23.7C71.385 85.861 59.66 92 46.494 92"/><path fill="#ECF0F1" d="M89.008 70.879c0-10.431-2.002-17.898-6.938-27.025c-3.639-6.637-4.818-13.985-3.402-21.214l2.348-12.207c.113-.543.117-.863.117-1.661C81.133 3.916 77.252 0 72.441 0c-4.709 0-8.582 3.916-8.582 8.772c0 .626.039 1.161.121 1.661l2.348 12.089c1.291 7.229.234 14.696-3.402 21.216c-4.588 8.294-6.938 17.657-6.938 27.141c0 9.477 2.35 18.844 6.938 27.141h.062c.898 1.13 4.817 1.98 9.512 1.98c5.115 0 9.299-1.01 9.67-2.291c4.859-9.037 6.838-16.475 6.838-26.83"/><path fill="#DBDFE0" d="M64.988 98.02h-.062c-4.588-8.297-6.938-17.664-6.938-27.141c0-9.484 2.35-18.847 6.938-27.141c3.637-6.52 4.693-13.986 3.402-21.216L65.98 10.434c-.082-.5-.121-1.035-.121-1.661c0-4.511 3.344-8.205 7.592-8.709A9 9 0 0 0 72.441 0c-4.709 0-8.582 3.916-8.582 8.772c0 .626.039 1.161.121 1.661l2.348 12.089c1.291 7.229.234 14.696-3.402 21.216c-4.588 8.294-6.938 17.657-6.938 27.141c0 9.477 2.35 18.844 6.938 27.141h.062c.899 1.13 4.817 1.98 9.512 1.98q.513 0 1.01-.014c-4.248-.11-7.686-.918-8.522-1.966"/><defs><path id="SVG4f3rzw0N" d="M89.008 70.879c0-10.431-2.002-17.898-6.938-27.025c-3.639-6.637-4.818-13.985-3.402-21.214l2.348-12.207c.113-.543.117-.863.117-1.661C81.133 3.916 77.252 0 72.441 0c-4.709 0-8.582 3.916-8.582 8.772c0 .626.039 1.161.121 1.661l2.348 12.089c1.291 7.229.234 14.696-3.402 21.216c-4.588 8.294-6.938 17.657-6.938 27.141c0 9.477 2.35 18.844 6.938 27.141h.062c.898 1.13 4.817 1.98 9.512 1.98c5.115 0 9.299-1.01 9.67-2.291c4.859-9.037 6.838-16.475 6.838-26.83"/></defs><clipPath id="SVG4CMMneIs"><use href="#SVG4f3rzw0N"/></clipPath><path fill="#E74C3C" d="M59 38h27v-6H59zm0-16v6h27v-6z" clip-path="url(#SVG4CMMneIs)"/><path fill="#D74737" d="M66.328 22.522c.324 1.817.5 3.649.525 5.478h2a34 34 0 0 0-.525-5.478L68.227 22h-2zM66.66 32a31.4 31.4 0 0 1-1.27 6h2a31.5 31.5 0 0 0 1.27-6z"/></svg>
Cara memakai ikon Bowling
React
import { Icon } from "@iconify/react";
<Icon icon="flat-ui:bowling" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="flat-ui:bowling" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="flat-ui:bowling" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[flat-ui--bowling]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/flat-ui -->
<div class="i-flat-ui:bowling"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="flat-ui:bowling"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/flat-ui/bowling.svg" alt="Ikon Bowling" width="24" height="24">
Ikon Bowling di set ikon lain
FAQ Ikon Bowling
Apakah ikon Bowling gratis untuk penggunaan komersial?
Ya. Flat UI Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Bowling di React?
Pasang @iconify/react lalu render <Icon icon="flat-ui:bowling" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Bowling ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/flat-ui/bowling.svg" alt="Ikon Bowling">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Flat UI Icons →
ICONYZ
