Ikon Razor
icon-park:razor
Ikon Razor (icon-park:razor) adalah ikon SVG gratis dari set IconPark karya ByteDance. Ikon ini digambar pada grid 48 × 48. IconPark 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
- IconPark
- Pembuat
- ByteDance
- Lisensi
- Apache-2.0
- Ukuran
- 48 × 48
- Kategori
- Tata rias
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><rect width="38" height="20" x="5" y="5" fill="#2F88FF" stroke="#000" rx="2"/><path stroke="#fff" d="M14 5V25"/><path stroke="#fff" d="M34 5V25"/><path stroke="#000" d="M30 5H38"/><path stroke="#fff" d="M5 11L43 11"/><path stroke="#fff" d="M5 19L43 19"/><path stroke="#000" d="M5 21V9"/><path stroke="#000" d="M43 21V9"/><path stroke="#000" d="M10 5H18"/><path stroke="#000" d="M30 25H38"/><path stroke="#000" d="M10 25H18"/><path stroke="#000" d="M32 25C32 29.4183 28.4183 33 24 33C19.5817 33 16 29.4183 16 25"/><path stroke="#000" d="M28 32L27 37V44"/><path stroke="#000" d="M20 32L21 37V44"/></g></svg>
Cara memakai ikon Razor
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:razor" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:razor" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:razor" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--razor]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:razor"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:razor"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/icon-park/razor.svg" alt="Ikon Razor" width="24" height="24">
Ikon Razor di set ikon lain
FAQ Ikon Razor
Apakah ikon Razor gratis untuk penggunaan komersial?
Ya. IconPark icons dirilis di bawah lisensi Apache 2.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Razor di React?
Pasang @iconify/react lalu render <Icon icon="icon-park:razor" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Razor ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/icon-park/razor.svg" alt="Ikon Razor">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon IconPark →
ICONYZ
