Ikon Crop

ion:crop

Ikon Crop (ion:crop) adalah ikon SVG gratis dari set IonIcons karya Ben Sperry. Ikon ini digambar pada grid 512 × 512. IonIcons 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: IonIcons
Pembuat: Ben Sperry
Lisensi: MIT
Ukuran: 512 × 512

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M458 346H192a26 26 0 0 1-26-26V54a22 22 0 0 0-44 0v68H54a22 22 0 0 0 0 44h68v154a70.08 70.08 0 0 0 70 70h154v68a22 22 0 0 0 44 0v-68h68a22 22 0 0 0 0-44"/><path fill="currentColor" d="M214 166h106a26 26 0 0 1 26 26v106a22 22 0 0 0 44 0V192a70.08 70.08 0 0 0-70-70H214a22 22 0 0 0 0 44"/></svg>

Cara memakai ikon Crop

React

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

<Icon icon="ion:crop" width="24" />

Vue

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

<template>
  <Icon icon="ion:crop" width="24" />
</template>

Svelte

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

<Icon icon="ion:crop" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ion--crop]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ion -->
<div class="i-ion:crop"></div>

Web component

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

<iconify-icon icon="ion:crop"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/ion/crop.svg" alt="Ikon Crop" width="24" height="24">

Ikon terkait di IonIcons

Ikon Crop di set ikon lain

FAQ Ikon Crop

Apakah ikon Crop gratis untuk penggunaan komersial?

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

Bagaimana cara memakai ikon Crop di React?

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

Bagaimana cara menambahkan ikon Crop ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/ion/crop.svg" alt="Ikon Crop">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua IonIcons →