Ikon Disable Step

carbon:disable-step

Ikon Disable Step (carbon:disable-step) adalah ikon SVG gratis dari set Carbon karya IBM. Ikon ini digambar pada grid 32 × 32. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Carbon
Pembuat: IBM
Lisensi: Apache-2.0
Ukuran: 32 × 32
Kategori: Organisasi
Tag: disablestep

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M29 12H3c-.55 0-1-.45-1-1V3c0-.55.45-1 1-1h26c.55 0 1 .45 1 1v8c0 .55-.45 1-1 1M4 4v6h24V4zm12 18H4v-6h24v1h2v-2c0-.55-.45-1-1-1H3c-.55 0-1 .45-1 1v8c0 .55.45 1 1 1h13zm13.845 3.375c.984-4.356-2.864-8.204-7.22-7.22a5.99 5.99 0 0 0-4.47 4.47c-.984 4.356 2.864 8.204 7.22 7.22a5.99 5.99 0 0 0 4.47-4.47M28 24c0 .7-.2 1.4-.6 2l-5.5-5.5c.6-.4 1.3-.6 2-.6c2.2 0 4.1 1.9 4.1 4.1m-8 0c0-.7.2-1.4.6-2l5.5 5.5c-.6.4-1.3.6-2 .6c-2.2 0-4.1-1.9-4.1-4.1"/></svg>

Cara memakai ikon Disable Step

React

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

<Icon icon="carbon:disable-step" width="24" />

Vue

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

<template>
  <Icon icon="carbon:disable-step" width="24" />
</template>

Svelte

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

<Icon icon="carbon:disable-step" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--disable-step]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:disable-step"></div>

Web component

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

<iconify-icon icon="carbon:disable-step"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/carbon/disable-step.svg" alt="Ikon Disable Step" width="24" height="24">

FAQ Ikon Disable Step

Apakah ikon Disable Step gratis untuk penggunaan komersial?

Ya. Carbon icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Disable Step di React?

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

Bagaimana cara menambahkan ikon Disable Step ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/disable-step.svg" alt="Ikon Disable Step">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Carbon →