ICONYZ
Türkçe
Material Design Light setinden Border Left ikonu

Border Left ikonu

mdi-light:border-left

Border Left ikonu (mdi-light:border-left), Material Design Light setinden ücretsiz bir SVG ikondur (yapımcı: Pictogrammers). 24 × 24 ızgara üzerinde çizilmiştir. Material Design Light icons, Open Font License 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
Material Design Light
Yazar
Pictogrammers
Lisans
OFL-1.1
Boyut
24 × 24
Etiketler
borderleft
SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4 4v8h1v1H4v8H3V4zm2 17v-1h2v1zm4-16V4h3v1h-1v1h-1V5zM6 5V4h2v1zm5 8v-1h1v1zm8-9h1v1h-1zm-2 0v1h-2V4zm2 12h1v2h-1zm0-9h1v2h-1zm0 4h1v3h-1v-1h-1v-1h1zm-9 9h1v-1h1v1h1v1h-3zm5 1v-1h2v1zm4-1h1v1h-1zm-8-5h1v2h-1zm-4-2v-1h2v1zm7 0v-1h2v1zm-3-5h1v2h-1z"/></svg>

Border Left ikonu nasıl kullanılır

React

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

<Icon icon="mdi-light:border-left" width="24" />

Vue

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

<template>
  <Icon icon="mdi-light:border-left" width="24" />
</template>

Svelte

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

<Icon icon="mdi-light:border-left" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mdi-light--border-left]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mdi-light -->
<div class="i-mdi-light:border-left"></div>

Web bileşeni

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

<iconify-icon icon="mdi-light:border-left"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/mdi-light/border-left.svg" alt="Border Left ikonu" width="24" height="24">

Material Design Light setindeki benzer ikonlar

Diğer ikon setlerinde Border Left ikonu

Border Left ikonu: sık sorulan sorular

Border Left ikonu ticari kullanım için ücretsiz mi?

Evet. Material Design Light icons, Open Font License ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.

Border Left ikonunu React'te nasıl kullanırım?

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

Border Left 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/mdi-light/border-left.svg" alt="Border Left ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

Tümüne göz at: Material Design Light ikonları →