Ikon Cool Button

emojione-monotone:cool-button

Ikon Cool Button (emojione-monotone:cool-button) adalah ikon SVG gratis dari set Emoji One (Monotone) karya Emoji One. Ikon ini digambar pada grid 64 × 64. Emoji One (Monotone) 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: Emoji One (Monotone)
Pembuat: Emoji One
Lisensi: CC-BY-4.0
Ukuran: 64 × 64
Kategori: Simbol
Tag: coolbutton

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M39 26.285c-1.377 0-2.5 1.025-2.5 2.285v6.857c0 1.26 1.123 2.287 2.5 2.287c1.379 0 2.5-1.027 2.5-2.287V28.57c0-1.259-1.121-2.285-2.5-2.285m-12 0c-1.377 0-2.5 1.025-2.5 2.285v6.857c0 1.26 1.123 2.287 2.5 2.287c1.379 0 2.5-1.027 2.5-2.287V28.57c0-1.259-1.121-2.285-2.5-2.285"/><path fill="currentColor" d="M52 2H12C6.477 2 2 6.477 2 12v40c0 5.523 4.477 10 10 10h40c5.523 0 10-4.477 10-10V12c0-5.523-4.477-10-10-10M15 37.715c1.379 0 2.5-1.027 2.5-2.287H20C20 37.949 17.758 40 15 40c-2.756 0-5-2.051-5-4.572V28.57c0-2.52 2.244-4.57 5-4.57c2.758 0 5 2.051 5 4.57h-2.5c0-1.26-1.121-2.285-2.5-2.285c-1.377 0-2.5 1.025-2.5 2.285v6.857c0 1.261 1.123 2.288 2.5 2.288m17-2.287C32 37.949 29.756 40 27 40s-5-2.051-5-4.572V28.57c0-2.52 2.244-4.57 5-4.57s5 2.051 5 4.57zm12 0C44 37.949 41.756 40 39 40c-2.758 0-5-2.051-5-4.572V28.57c0-2.52 2.242-4.57 5-4.57c2.756 0 5 2.051 5 4.57zM54 40h-8V24h2.287v13.715H54z"/></svg>

Cara memakai ikon Cool Button

React

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

<Icon icon="emojione-monotone:cool-button" width="24" />

Vue

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

<template>
  <Icon icon="emojione-monotone:cool-button" width="24" />
</template>

Svelte

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

<Icon icon="emojione-monotone:cool-button" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--cool-button]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:cool-button"></div>

Web component

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

<iconify-icon icon="emojione-monotone:cool-button"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/emojione-monotone/cool-button.svg" alt="Ikon Cool Button" width="24" height="24">

Ikon Cool Button di set ikon lain

FAQ Ikon Cool Button

Apakah ikon Cool Button gratis untuk penggunaan komersial?

Ya. Emoji One (Monotone) 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 Cool Button di React?

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

Bagaimana cara menambahkan ikon Cool Button ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/emojione-monotone/cool-button.svg" alt="Ikon Cool Button">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Emoji One (Monotone) →