Ikon Soccer Ball

twemoji:soccer-ball

Ikon Soccer Ball (twemoji:soccer-ball) adalah ikon SVG gratis dari set Twitter Emoji karya Twitter. Ikon ini digambar pada grid 36 × 36. Twitter Emoji icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Twitter Emoji
Pembuat: Twitter
Lisensi: CC-BY-4.0
Ukuran: 36 × 36
Kategori: Aktivitas
Tag: soccerball

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><circle cx="18" cy="18" r="18" fill="#f5f8fa"/><path fill="#ccd6dd" d="M18 11a1 1 0 0 1-1-1V3a1 1 0 0 1 2 0v7a1 1 0 0 1-1 1m-6.583 4.5a1 1 0 0 1-.302-.047l-8.041-2.542a1 1 0 1 1 .603-1.907l8.042 2.542a1 1 0 0 1-.302 1.954m13.625-.291a1.001 1.001 0 0 1-.278-1.961l6.75-1.958a1 1 0 0 1 .556 1.921l-6.75 1.958a1 1 0 0 1-.278.04m2.001 14.958a1 1 0 0 1-.803-.403l-5.459-7.333a1 1 0 1 1 1.604-1.194l5.459 7.333a1 1 0 0 1-.801 1.597m-18.294-.083a1 1 0 0 1-.82-1.571l5.125-7.375a1 1 0 1 1 1.642 1.141l-5.125 7.375a1 1 0 0 1-.822.43M3.5 27.062c-.44 0-.844-.293-.965-.738L.347 18.262a1 1 0 1 1 1.931-.523l2.188 8.062a.998.998 0 0 1-.966 1.261M22 34h-9a1 1 0 1 1 0-2h9a1 1 0 1 1 0 2m10.126-6.875a1 1 0 0 1-.971-1.239l2.125-8.625a1 1 0 1 1 1.941.479l-2.125 8.625c-.113.455-.521.76-.97.76M30.312 7.688a1 1 0 0 1-.5-.134L22.25 3.179a1 1 0 0 1-.364-1.367a1 1 0 0 1 1.366-.365l7.562 4.375a1 1 0 0 1-.502 1.866m-24.811 0a1 1 0 0 1-.584-1.813l6.188-4.438a1.001 1.001 0 0 1 1.167 1.625L6.083 7.5a1 1 0 0 1-.582.188"/><path fill="#31373d" d="m25.493 13.516l-7.208-5.083a1 1 0 0 0-1.161.006l-7.167 5.167a1 1 0 0 0-.375 1.091l2.5 8.583a1 1 0 0 0 .96.72H22a1 1 0 0 0 .948-.681l2.917-8.667a1 1 0 0 0-.372-1.136M1.292 19.542a1 1 0 0 0 .872-.51l3.375-6a1 1 0 0 0 .108-.291L6.98 6.2A1 1 0 0 0 6 5h-.428C2.145 8.277 0 12.884 0 18c0 .266.028.525.04.788l.602.514c.182.156.413.24.65.24m9.325-16.547a.75.75 0 0 0 .553.412l6.375 1.042a.8.8 0 0 0 .243 0l6.084-1a.75.75 0 0 0 .613-.889l-.292-1.443A17.9 17.9 0 0 0 18 0c-2.425 0-4.734.486-6.845 1.356l-.521.95a.75.75 0 0 0-.017.689m20.517 2.724l-1.504-.095a.76.76 0 0 0-.609.249a.74.74 0 0 0-.175.63l1.167 6.198a.7.7 0 0 0 .093.224c1.492 2.504 3.152 5.301 3.381 5.782c.024.084.062.079.114.151c.14.195.372.142.612.142h.007c.198 0 .323.094 1.768-.753c.001-.083.012-.164.012-.247c0-4.753-1.856-9.064-4.866-12.281M14.541 33.376a.76.76 0 0 0-.191-.544l-4.5-5a.8.8 0 0 0-.211-.163c-5.885-3.069-5.994-3.105-6.066-3.13a.8.8 0 0 0-.242-.039c-.537 0-.695.065-1.185 2.024a18.04 18.04 0 0 0 10.644 8.703l1.5-1.333a.75.75 0 0 0 .251-.518m17.833-8.567a.75.75 0 0 0-.592.005l-6.083 2.667a.74.74 0 0 0-.274.205l-4.25 5.083a.75.75 0 0 0 .1 1.062c.683.559 1.261 1.03 1.767 1.44a18.02 18.02 0 0 0 10.454-8.146l-.712-1.889a.75.75 0 0 0-.41-.427"/></svg>

Cara memakai ikon Soccer Ball

React

import { Icon } from "@iconify/react";

<Icon icon="twemoji:soccer-ball" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="twemoji:soccer-ball" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="twemoji:soccer-ball" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--soccer-ball]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:soccer-ball"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="twemoji:soccer-ball"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/twemoji/soccer-ball.svg" alt="Ikon Soccer Ball" width="24" height="24">

Ikon Soccer Ball di set ikon lain

FAQ Ikon Soccer Ball

Apakah ikon Soccer Ball gratis untuk penggunaan komersial?

Ya. Twitter Emoji icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Soccer Ball di React?

Pasang @iconify/react lalu render <Icon icon="twemoji:soccer-ball" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Soccer Ball ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/twemoji/soccer-ball.svg" alt="Ikon Soccer Ball">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Twitter Emoji →