Ikon Cut Out
carbon:cut-out
Ikon Cut Out (carbon:cut-out) 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.
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="m19.05 13.733l-1-1.733l-10.122 5.846l-.997-.576a3 3 0 0 0 .667-.769A3 3 0 1 0 3.5 17.599L5.928 19L3.5 20.402a3.034 3.034 0 1 0 3.44.323l.988-.57L14.59 24l1-1.73L9.928 19ZM4.034 15.26a1 1 0 1 1 .466.607a1 1 0 0 1-.466-.607M5 22a1 1 0 1 1-.865 1.5A1 1 0 0 1 5 22m12 4h4v2h-4zm-7 0h4v2h-4z"/><path fill="currentColor" d="M28 28h-4v-2h4V4H7v4H5V4a2 2 0 0 1 2-2h21a2 2 0 0 1 2 2v22a2 2 0 0 1-2 2"/></svg>Cara memakai ikon Cut Out
React
import { Icon } from "@iconify/react";
<Icon icon="carbon:cut-out" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="carbon:cut-out" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="carbon:cut-out" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--cut-out]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:cut-out"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="carbon:cut-out"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/carbon/cut-out.svg" alt="Ikon Cut Out" width="24" height="24">Ikon terkait di Carbon
FAQ Ikon Cut Out
Apakah ikon Cut Out 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 Cut Out di React?
Pasang @iconify/react lalu render <Icon icon="carbon:cut-out" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Cut Out ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/carbon/cut-out.svg" alt="Ikon Cut Out">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.