Ícone Bowling

flat-ui:bowling

O ícone Bowling (flat-ui:bowling) é um ícone SVG gratuito da coleção Flat UI Icons de Designmodo, Inc.. Ele é desenhado em uma grade de 89 × 100. Flat UI Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Flat UI Icons
Autor: Designmodo, Inc.
Licença: MIT
Tamanho: 89 × 100

Baixar SVG

Código 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>

Como usar o ícone 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>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/flat-ui/bowling.svg" alt="Ícone Bowling" width="24" height="24">

O ícone Bowling em outras coleções

Perguntas frequentes sobre Ícone Bowling

O ícone Bowling é grátis para uso comercial?

Sim. Flat UI Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Bowling no React?

Instale @iconify/react e renderize <Icon icon="flat-ui:bowling" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Bowling a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/flat-ui/bowling.svg" alt="Ícone Bowling">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Flat UI Icons →