ICONYZ
Türkçe
Keyline Icons setinden Box Duotone ikonu

Box Duotone ikonu

keyline-icons:box-duotone

Box Duotone ikonu (keyline-icons:box-duotone), Keyline Icons setinden ücretsiz bir SVG ikondur. 24 × 24 ızgara üzerinde çizilmiştir. Keyline 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
Keyline Icons
Yazar
Keyline Icons
Lisans
MIT
Boyut
24 × 24
Etiketler
boxduotone
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-opacity=".4" d="M13.3613 1.3266L21.3613 5.4003C22.3668 5.9123 23 6.9453 23 8.0737L23 15.9263C23 17.0547 22.3668 18.0877 21.3613 18.5997L13.3613 22.6734C12.9396 22.8881 12.4732 23 12 23C11.5268 23 11.0604 22.8881 10.6387 22.6734L2.6387 18.5997C1.6332 18.0877 1 17.0547 1 15.9263L1 8.0737C1 6.9453 1.6332 5.9123 2.6387 5.4003L10.6387 1.3266C11.0604 1.1119 11.5268 1 12 1C12.4732 1 12.9396 1.1119 13.3613 1.3266Z"/><path d="M1.0578 7.4872C1.2375 6.5862 1.82 5.8172 2.6387 5.4003L10.6387 1.3266C11.0604 1.1119 11.5268 1 12 1C12.4732 1 12.9396 1.1119 13.3613 1.3266L21.3613 5.4003C22.18 5.8172 22.7625 6.5862 22.9422 7.4872L12.458 12.8889C12.3164 12.9619 12.1593 13 12 13C11.8407 13 11.6836 12.9619 11.542 12.8889L1.0578 7.4872Z"/></g></svg>

Box Duotone ikonu nasıl kullanılır

React

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

<Icon icon="keyline-icons:box-duotone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:box-duotone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:box-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--box-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:box-duotone"></div>

Web bileşeni

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

<iconify-icon icon="keyline-icons:box-duotone"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/keyline-icons/box-duotone.svg" alt="Box Duotone ikonu" width="24" height="24">

Keyline Icons setindeki benzer ikonlar

Diğer ikon setlerinde Box Duotone ikonu

Box Duotone ikonu: sık sorulan sorular

Box Duotone ikonu ticari kullanım için ücretsiz mi?

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

Box Duotone ikonunu React'te nasıl kullanırım?

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

Box Duotone 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/keyline-icons/box-duotone.svg" alt="Box Duotone ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Keyline Icons →