ICONYZ
Türkçe
Carbon setinden Order Details ikonu

Order Details ikonu

carbon:order-details

Order Details ikonu (carbon:order-details), Carbon setinden ücretsiz bir SVG ikondur (yapımcı: IBM). 32 × 32 ızgara üzerinde çizilmiştir. Carbon 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
Carbon
Yazar
IBM
Lisans
Apache-2.0
Boyut
32 × 32
Kategori
Organizasyon
Etiketler
orderdetails, detail
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M19 21h-6a3 3 0 0 0-3 3v2h2v-2a1 1 0 0 1 1-1h6a1 1 0 0 1 1 1v2h2v-2a3 3 0 0 0-3-3m-3-1a4 4 0 1 0-4-4a4 4 0 0 0 4 4m0-6a2 2 0 1 1-2 2a2 2 0 0 1 2-2"/><path fill="currentColor" d="M25 5h-3V4a2 2 0 0 0-2-2h-8a2 2 0 0 0-2 2v1H7a2 2 0 0 0-2 2v21a2 2 0 0 0 2 2h18a2 2 0 0 0 2-2V7a2 2 0 0 0-2-2M12 4h8v4h-8Zm13 24H7V7h3v3h12V7h3Z"/></svg>

Order Details ikonu nasıl kullanılır

React

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

<Icon icon="carbon:order-details" width="24" />

Vue

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

<template>
  <Icon icon="carbon:order-details" width="24" />
</template>

Svelte

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

<Icon icon="carbon:order-details" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--order-details]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:order-details"></div>

Web bileşeni

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

<iconify-icon icon="carbon:order-details"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/carbon/order-details.svg" alt="Order Details ikonu" width="24" height="24">

Carbon setindeki benzer ikonlar

Order Details ikonu: sık sorulan sorular

Order Details ikonu ticari kullanım için ücretsiz mi?

Evet. Carbon icons, Apache 2.0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Order Details ikonunu React'te nasıl kullanırım?

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

Order Details 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/carbon/order-details.svg" alt="Order Details ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Carbon ikonları →