Arrow Right To Line Bold ikonu

solar:arrow-right-to-line-bold

Arrow Right To Line Bold ikonu (solar:arrow-right-to-line-bold), Solar setinden ücretsiz bir SVG ikondur (yapımcı: 480 Design). 24 × 24 ızgara üzerinde çizilmiştir. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla 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: Solar
Yazar: 480 Design
Lisans: CC-BY-4.0
Boyut: 24 × 24
Kategori: Eylem okları
Etiketler: arrowright, rightto, toline, linebold, arrowrighttolinebold

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 d="M20.25 4C20.25 3.58579 20.5858 3.25 21 3.25C21.4142 3.25 21.75 3.58579 21.75 4L21.75 20C21.75 20.4142 21.4142 20.75 21 20.75C20.5858 20.75 20.25 20.4142 20.25 20L20.25 4Z"/><path d="M2.25 12C2.25 11.5858 2.58579 11.25 3 11.25L14.0684 11.25L11.1191 8.55371C10.8135 8.27429 10.792 7.79985 11.0713 7.49414C11.3507 7.18851 11.8252 7.167 12.1309 7.44629L16.5059 11.4463C16.6612 11.5884 16.75 11.7895 16.75 12C16.75 12.2105 16.6612 12.4116 16.5059 12.5537L12.1309 16.5537C11.8252 16.8329 11.3507 16.8114 11.0713 16.5059C10.792 16.2002 10.8136 15.7257 11.1191 15.4463L14.0684 12.75L3 12.75C2.58582 12.75 2.25005 12.4142 2.25 12Z"/></g></svg>

Arrow Right To Line Bold ikonu nasıl kullanılır

React

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

<Icon icon="solar:arrow-right-to-line-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:arrow-right-to-line-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:arrow-right-to-line-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--arrow-right-to-line-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:arrow-right-to-line-bold"></div>

Web bileşeni

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

<iconify-icon icon="solar:arrow-right-to-line-bold"></iconify-icon>

HTML görseli

<img src="https://iconyz.com/api/public/svg/solar/arrow-right-to-line-bold.svg" alt="Arrow Right To Line Bold ikonu" width="24" height="24">

Solar setindeki benzer ikonlar

Arrow Right To Line Bold ikonu: sık sorulan sorular

Arrow Right To Line Bold ikonu ticari kullanım için ücretsiz mi?

Evet. Solar icons, CC BY 4.0 lisansı ile yayınlanır. Bu lisans, yazara atıf yapmanız koşuluyla kişisel ve ticari projelerde kullanıma izin verir.

Arrow Right To Line Bold ikonunu React'te nasıl kullanırım?

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

Arrow Right To Line Bold 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/solar/arrow-right-to-line-bold.svg" alt="Arrow Right To Line Bold ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.

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