Ikon Spongebob

streamline-kameleon-color:spongebob

Ikon Spongebob (streamline-kameleon-color:spongebob) adalah ikon SVG gratis dari set Kameleon color icons karya Streamline. Ikon ini digambar pada grid 48 × 48. Kameleon color 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: Kameleon color icons
Pembuat: Streamline
Lisensi: CC-BY-4.0
Ukuran: 48 × 48
Kategori: Hiburan

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#e04f5f" d="M24 47.998c13.255 0 24-10.745 24-24C48 10.746 37.255 0 24 0S0 10.745 0 23.999s10.745 23.999 24 23.999"/><path fill="#facb1b" d="M15.046 10.036a1.745 1.745 0 0 0-1.735 1.943l1.786 15.708c.1.882.846 1.548 1.734 1.548h14.338c.887 0 1.634-.666 1.734-1.548l1.785-15.708a1.746 1.746 0 0 0-1.734-1.943z"/><path fill="#fbe158" d="M24 10.036h-8.954a1.746 1.746 0 0 0-1.735 1.943l1.785 15.708c.1.882.847 1.548 1.735 1.548H24zm13.404 17.337a1.31 1.31 0 0 0-1.739-.634l-5.36 2.495h.677v2.574l5.788-2.695a1.31 1.31 0 0 0 .634-1.74"/><path fill="#fbe158" d="M10.595 27.373a1.31 1.31 0 0 1 1.74-.634l5.359 2.495h-.676v2.574l-5.789-2.696a1.31 1.31 0 0 1-.634-1.739"/><path fill="#fff" d="M21.382 20.508a2.618 2.618 0 1 0 0-5.236a2.618 2.618 0 0 0 0 5.236"/><path fill="#059bbf" d="M21.818 18.763a.873.873 0 1 0 0-1.746a.873.873 0 0 0 0 1.746"/><path fill="#fff" d="M26.618 20.508a2.618 2.618 0 1 0 0-5.236a2.618 2.618 0 0 0 0 5.236"/><path fill="#059bbf" d="M26.182 18.763a.873.873 0 1 0 0-1.746a.873.873 0 0 0 0 1.746"/><path fill="#f3b607" d="M27.927 13.963a1.745 1.745 0 1 0 0-3.491a1.745 1.745 0 0 0 0 3.49"/><path fill="#facb1b" d="M17.018 15.271a1.745 1.745 0 1 0 0-3.49a1.745 1.745 0 0 0 0 3.49m5.237-1.744a.873.873 0 1 0 0-1.746a.873.873 0 0 0 0 1.745"/><path fill="#f3b607" d="M31.418 15.273a.873.873 0 1 0 0-1.746a.873.873 0 0 0 0 1.746m0 4.799a.873.873 0 1 0 0-1.746a.873.873 0 0 0 0 1.746"/><path fill="#facb1b" d="M16.582 20.944a.873.873 0 1 0 0-1.745a.873.873 0 0 0 0 1.745"/><path fill="#f3b607" d="M30.546 27.053a.873.873 0 1 0 0-1.745a.873.873 0 0 0 0 1.745"/><path fill="#facb1b" d="M17.891 27.926a1.31 1.31 0 1 0 0-2.618a1.31 1.31 0 0 0 0 2.618"/><path fill="#fa5655" d="M30.11 21.816c-1.214-1.213-1.221.873-6.11.873s-4.895-2.086-6.109-.873c-1.213 1.214 2.182 4.364 6.11 4.364c3.926 0 7.322-3.15 6.108-4.364"/><path fill="#fff" d="M21.818 22.52V24h1.746v-1.316a12 12 0 0 1-1.746-.164m4.364 0c-.493.085-1.067.146-1.745.164v1.315h1.745zm4.8 6.715H17.018v5.236h13.964z"/><path fill="#af7653" d="M30.982 32.725H17.018v1.745h13.964z"/><path fill="#fa5655" d="M23.127 29.235v1.745L24 32.725l.873-1.745v-1.745z"/><path fill="#3e3e3f" d="M27.49 34.471v2.618c0 .482.391.873.874.873h4.363c3.57 0 1.31-5.236-3.49-1.745V34.47zm-6.981 0v2.618c0 .482-.39.873-.873.873h-4.363c-3.57 0-1.31-5.236 3.49-1.745V34.47z"/><path fill="#fff" d="M20.51 34.471h-1.746v1.31h1.746zm8.727 0H27.49v1.31h1.746z"/></g></svg>

Cara memakai ikon Spongebob

React

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

<Icon icon="streamline-kameleon-color:spongebob" width="24" />

Vue

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

<template>
  <Icon icon="streamline-kameleon-color:spongebob" width="24" />
</template>

Svelte

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

<Icon icon="streamline-kameleon-color:spongebob" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--spongebob]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:spongebob"></div>

Web component

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

<iconify-icon icon="streamline-kameleon-color:spongebob"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/spongebob.svg" alt="Ikon Spongebob" width="24" height="24">

Ikon terkait di Kameleon color icons

FAQ Ikon Spongebob

Apakah ikon Spongebob gratis untuk penggunaan komersial?

Ya. Kameleon color 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 Spongebob di React?

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

Bagaimana cara menambahkan ikon Spongebob ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/spongebob.svg" alt="Ikon Spongebob">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Kameleon color icons →