Smartphone Arrow Down Left Fill ikonu

keyline-icons:smartphone-arrow-down-left-fill

Smartphone Arrow Down Left Fill ikonu (keyline-icons:smartphone-arrow-down-left-fill), 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: smartphonearrow, arrowdown, downleft, leftfill, smartphonearrowdownleftfill

SVG indir

SVG kodu

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-rule="evenodd" d="M8 2C6.34315 2 5 3.34315 5 5V19C5 20.6569 6.34315 22 8 22H10V16C10 14.3431 11.3432 13 13 13H19V5C19 3.34315 17.6568 2 16 2H8ZM13.5 5C14.0523 5 14.5 5.44772 14.5 6C14.5 6.55228 14.0523 7 13.5 7H10.5C9.94772 7 9.5 6.55228 9.5 6C9.5 5.44772 9.94772 5 10.5 5H13.5Z" clip-rule="evenodd" stroke="none"/><path d="M19 12V6C19 3.79086 17.2091 2 15 2H9C6.79086 2 5 3.79086 5 6V18C5 20.2091 6.79086 22 9 22M13.5 21.5L18 17M13 16V21.5C13 21.7761 13.2239 22 13.5 22H19"/></g></svg>

Smartphone Arrow Down Left Fill ikonu nasıl kullanılır

React

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

<Icon icon="keyline-icons:smartphone-arrow-down-left-fill" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:smartphone-arrow-down-left-fill" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:smartphone-arrow-down-left-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--smartphone-arrow-down-left-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:smartphone-arrow-down-left-fill"></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:smartphone-arrow-down-left-fill"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/keyline-icons/smartphone-arrow-down-left-fill.svg" alt="Smartphone Arrow Down Left Fill ikonu" width="24" height="24">

Keyline Icons setindeki benzer ikonlar

Smartphone Arrow Down Left Fill ikonu: sık sorulan sorular

Smartphone Arrow Down Left Fill 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.

Smartphone Arrow Down Left Fill ikonunu React'te nasıl kullanırım?

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

Smartphone Arrow Down Left Fill 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/smartphone-arrow-down-left-fill.svg" alt="Smartphone Arrow Down Left Fill 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 →