Ikon Arrow Down To Line Bold

solar:arrow-down-to-line-bold

Ikon Arrow Down To Line Bold (solar:arrow-down-to-line-bold) adalah ikon SVG gratis dari set Solar karya 480 Design. Ikon ini digambar pada grid 24 × 24. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: Solar
Pembuat: 480 Design
Lisensi: CC-BY-4.0
Ukuran: 24 × 24
Kategori: Panah aksi
Tag: arrowdown, downto, toline, linebold, arrowdowntolinebold

Download SVG

Kode SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M20 20.25C20.4142 20.25 20.75 20.5858 20.75 21C20.75 21.4142 20.4142 21.75 20 21.75H4C3.58579 21.75 3.25 21.4142 3.25 21C3.25 20.5858 3.58579 20.25 4 20.25H20Z"/><path d="M12 2.25C12.4142 2.25 12.75 2.58579 12.75 3V14.0684L15.4463 11.1191C15.7257 10.8135 16.2001 10.792 16.5059 11.0713C16.8115 11.3507 16.833 11.8252 16.5537 12.1309L12.5537 16.5059C12.4116 16.6612 12.2105 16.75 12 16.75C11.7895 16.75 11.5884 16.6612 11.4463 16.5059L7.44629 12.1309C7.16706 11.8252 7.18858 11.3507 7.49414 11.0713C7.79983 10.792 8.27427 10.8136 8.55371 11.1191L11.25 14.0684V3C11.25 2.58582 11.5858 2.25005 12 2.25Z"/></g></svg>

Cara memakai ikon Arrow Down To Line Bold

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Gambar HTML

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

Ikon terkait di Solar

FAQ Ikon Arrow Down To Line Bold

Apakah ikon Arrow Down To Line Bold gratis untuk penggunaan komersial?

Ya. Solar icons dirilis di bawah lisensi CC BY 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya.

Bagaimana cara memakai ikon Arrow Down To Line Bold di React?

Pasang @iconify/react lalu render <Icon icon="solar:arrow-down-to-line-bold" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Arrow Down To Line Bold ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/solar/arrow-down-to-line-bold.svg" alt="Ikon Arrow Down To Line Bold">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon Solar →