ICONYZ
Türkçe
Ant Design Icons setinden Product Outlined ikonu

Product Outlined ikonu

ant-design:product-outlined

Product Outlined ikonu (ant-design:product-outlined), Ant Design Icons setinden ücretsiz bir SVG ikondur (yapımcı: HeskeyBaozi). 1024 × 1024 ızgara üzerinde çizilmiştir. Ant Design Icons, MIT 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
Ant Design Icons
Yazar
HeskeyBaozi
Lisans
MIT
Boyut
1024 × 1024
Etiketler
productoutlined
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="1024" viewBox="0 0 1024 1024"><path fill="currentColor" fill-rule="evenodd" d="M464 144c8.837 0 16 7.163 16 16v304c0 8.836-7.163 16-16 16H160c-8.837 0-16-7.164-16-16V160c0-8.837 7.163-16 16-16zm-52 68H212v200h200zm493.333 87.686c6.248 6.248 6.248 16.379 0 22.627l-181.02 181.02c-6.248 6.248-16.378 6.248-22.627 0l-181.019-181.02c-6.248-6.248-6.248-16.379 0-22.627l181.02-181.02c6.248-6.248 16.378-6.248 22.627 0zm-84.853 11.313L713 203.52L605.52 311L713 418.48zM464 544c8.837 0 16 7.164 16 16v304c0 8.837-7.163 16-16 16H160c-8.837 0-16-7.163-16-16V560c0-8.836 7.163-16 16-16zm-52 68H212v200h200zm452-68c8.837 0 16 7.164 16 16v304c0 8.837-7.163 16-16 16H560c-8.837 0-16-7.163-16-16V560c0-8.836 7.163-16 16-16zm-52 68H612v200h200z"/></svg>

Product Outlined ikonu nasıl kullanılır

React

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

<Icon icon="ant-design:product-outlined" width="24" />

Vue

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

<template>
  <Icon icon="ant-design:product-outlined" width="24" />
</template>

Svelte

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

<Icon icon="ant-design:product-outlined" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[ant-design--product-outlined]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/ant-design -->
<div class="i-ant-design:product-outlined"></div>

Web bileşeni

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

<iconify-icon icon="ant-design:product-outlined"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/ant-design/product-outlined.svg" alt="Product Outlined ikonu" width="24" height="24">

Ant Design Icons setindeki benzer ikonlar

Product Outlined ikonu: sık sorulan sorular

Product Outlined ikonu ticari kullanım için ücretsiz mi?

Evet. Ant Design Icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Product Outlined ikonunu React'te nasıl kullanırım?

@iconify/react paketini kurup <Icon icon="ant-design:product-outlined" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.

Product Outlined 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/ant-design/product-outlined.svg" alt="Product Outlined ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Ant Design Icons →