Ikon Screen Cut

codicon:screen-cut

Ikon Screen Cut (codicon:screen-cut) adalah ikon SVG gratis dari set Codicons karya Microsoft Corporation. Ikon ini digambar pada grid 24 × 24. Codicons 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: Codicons
Pembuat: Microsoft Corporation
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Tag: screencut

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M5.2 5.1c.23-.17.54-.12.7.1l4.357 5.944A2 2 0 0 1 13 13c0 1.103-.897 2-2 2s-2-.897-2-2c0-.478.17-.918.451-1.263L8 9.751l-1.451 1.987c.282.344.451.784.451 1.263c0 1.103-.897 2-2 2s-2-.897-2-2a2.002 2.002 0 0 1 2.743-1.856L7.38 8.91L5.1 5.8a.495.495 0 0 1 .1-.7M5 12c-.551 0-1 .45-1 1c0 .551.449 1 1 1s1-.449 1-1s-.449-1-1-1m6 0c-.551 0-1 .45-1 1c0 .551.449 1 1 1s1-.449 1-1s-.449-1-1-1" clip-rule="evenodd"/><path d="M.5 9a.5.5 0 0 1 .5.5v.5c0 .426.27.806.673.946a.499.499 0 1 1-.328.944A2 2 0 0 1 0 10v-.5A.5.5 0 0 1 .5 9m15-.001a.5.5 0 0 1 .5.5v.5c0 .845-.535 1.603-1.332 1.886a.5.5 0 0 1-.334-.941c.398-.142.666-.521.666-.944v-.5c0-.276.224-.501.5-.501M10.1 5.2c.16-.22.47-.27.7-.1c.22.16.27.47.1.7L9.24 8.06l-.62-.84zM.5 6a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1A.5.5 0 0 1 .5 6m15 0a.5.5 0 0 1 .5.5v1a.5.5 0 0 1-1 0v-1a.5.5 0 0 1 .5-.5m-13-4a.5.5 0 0 1 0 1H2c-.551 0-1 .449-1 1v.5a.5.5 0 0 1-1 0V4c0-1.103.897-2 2-2zM14 2c1.103 0 2 .897 2 2v.5a.5.5 0 0 1-1 0V4c0-.551-.449-1-1-1h-.5a.5.5 0 0 1 0-1zM7 2a.5.5 0 0 1 0 1H4.5a.5.5 0 0 1 0-1zm4.5 0a.5.5 0 0 1 0 1H9a.5.5 0 0 1 0-1z"/></g></svg>

Cara memakai ikon Screen Cut

React

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

<Icon icon="codicon:screen-cut" width="24" />

Vue

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

<template>
  <Icon icon="codicon:screen-cut" width="24" />
</template>

Svelte

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

<Icon icon="codicon:screen-cut" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[codicon--screen-cut]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/codicon -->
<div class="i-codicon:screen-cut"></div>

Web component

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

<iconify-icon icon="codicon:screen-cut"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/codicon/screen-cut.svg" alt="Ikon Screen Cut" width="24" height="24">

Ikon terkait di Codicons

FAQ Ikon Screen Cut

Apakah ikon Screen Cut gratis untuk penggunaan komersial?

Ya. Codicons 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 Screen Cut di React?

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

Bagaimana cara menambahkan ikon Screen Cut ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/codicon/screen-cut.svg" alt="Ikon Screen Cut">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Codicons →