Razor ikonu
icon-park:razor
Razor ikonu (icon-park:razor), IconPark setinden ücretsiz bir SVG ikondur (yapımcı: ByteDance). 48 × 48 ızgara üzerinde çizilmiştir. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- IconPark
- Yazar
- ByteDance
- Lisans
- Apache-2.0
- Boyut
- 48 × 48
- Kategori
- Makyaj
SVG kodu
<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>
Razor ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:razor"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/icon-park/razor.svg" alt="Razor ikonu" width="24" height="24">
Diğer ikon setlerinde Razor ikonu
Razor ikonu: sık sorulan sorular
Razor ikonu ticari kullanım için ücretsiz mi?
Evet. IconPark icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Razor ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="icon-park:razor" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Razor ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/icon-park/razor.svg" alt="Razor ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: IconPark ikonları →
ICONYZ
