Ikon Plus Minus

hugeicons:plus-minus

Ikon Plus Minus (hugeicons:plus-minus) adalah ikon SVG gratis dari set Huge Icons karya Hugeicons. Ikon ini digambar pada grid 24 × 24. Huge 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: Huge Icons
Pembuat: Hugeicons
Lisensi: MIT
Ukuran: 24 × 24
Tag: plusminus

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path stroke-linecap="round" stroke-linejoin="round" d="M11 16c0 1.87 0 2.804.402 3.5a3 3 0 0 0 1.098 1.098C13.196 21 14.13 21 16 21s2.804 0 3.5-.402a3 3 0 0 0 1.098-1.098C21 18.804 21 17.87 21 16s0-2.804-.402-3.5a3 3 0 0 0-1.098-1.098C18.804 11 17.87 11 16 11"/><path stroke-linejoin="round" d="M8 3c1.87 0 2.804 0 3.5.402A3 3 0 0 1 12.598 4.5C13 5.196 13 6.13 13 8s0 2.804-.402 3.5a3 3 0 0 1-1.098 1.098C10.804 13 9.87 13 8 13c-1.869 0-2.804 0-3.5-.402A3 3 0 0 1 3.402 11.5C3 10.804 3 9.87 3 8s0-2.804.402-3.5A3 3 0 0 1 4.5 3.402C5.196 3 6.131 3 8 3Z"/><path stroke-linecap="round" d="M8 6v4m2-2H6m12 8h-4"/></g></svg>

Cara memakai ikon Plus Minus

React

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

<Icon icon="hugeicons:plus-minus" width="24" />

Vue

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

<template>
  <Icon icon="hugeicons:plus-minus" width="24" />
</template>

Svelte

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

<Icon icon="hugeicons:plus-minus" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--plus-minus]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:plus-minus"></div>

Web component

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

<iconify-icon icon="hugeicons:plus-minus"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/hugeicons/plus-minus.svg" alt="Ikon Plus Minus" width="24" height="24">

Ikon terkait di Huge Icons

Ikon Plus Minus di set ikon lain

FAQ Ikon Plus Minus

Apakah ikon Plus Minus gratis untuk penggunaan komersial?

Ya. Huge Icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Plus Minus di React?

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

Bagaimana cara menambahkan ikon Plus Minus ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/hugeicons/plus-minus.svg" alt="Ikon Plus Minus">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Huge Icons →