Icône Arrow Up To Line Bold Duotone

solar:arrow-up-to-line-bold-duotone

L'icône Arrow Up To Line Bold Duotone (solar:arrow-up-to-line-bold-duotone) est une icône SVG gratuite de la collection Solar par 480 Design. Elle est dessinée sur une grille de 24 × 24. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection: Solar
Auteur: 480 Design
Licence: CC-BY-4.0
Taille: 24 × 24
Catégorie: Flèches d'action
Mots-clés: arrowup, upto, toline, linebold, boldduotone

Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M4 2.25C3.58579 2.25 3.25 2.58579 3.25 3C3.25 3.41421 3.58579 3.75 4 3.75L20 3.75C20.4142 3.75 20.75 3.41421 20.75 3C20.75 2.58579 20.4142 2.25 20 2.25L4 2.25Z"/><path d="M11.2499 21L11.2499 9.93164L8.55361 12.8809C8.27418 13.1865 7.79975 13.208 7.49404 12.9287C7.18841 12.6493 7.1669 12.1748 7.44619 11.8691L11.4462 7.49414C11.5883 7.33874 11.7893 7.25 11.9999 7.25C12.2105 7.25 12.4115 7.33874 12.5536 7.49414L16.5536 11.8691C16.8329 12.1749 16.8114 12.6493 16.5058 12.9287C16.2001 13.208 15.7256 13.1865 15.4462 12.8809L12.7499 9.93164L12.7499 21C12.7499 21.4142 12.4141 21.75 11.9999 21.75C11.5857 21.75 11.2499 21.4142 11.2499 21Z" opacity=".5"/></g></svg>

Comment utiliser l'icône Arrow Up To Line Bold Duotone

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

Image HTML

<img src="https://iconyz.com/api/public/svg/solar/arrow-up-to-line-bold-duotone.svg" alt="Icône Arrow Up To Line Bold Duotone" width="24" height="24">

Icônes similaires dans Solar

FAQ : Icône Arrow Up To Line Bold Duotone

L'icône Arrow Up To Line Bold Duotone est-elle gratuite pour un usage commercial ?

Oui. Les Solar icons sont publiées sous la licence CC BY 4.0, qui autorise leur utilisation dans des projets personnels et commerciaux à condition de créditer l'auteur.

Comment utiliser l'icône Arrow Up To Line Bold Duotone dans React ?

Installez @iconify/react et affichez <Icon icon="solar:arrow-up-to-line-bold-duotone" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Arrow Up To Line Bold Duotone à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/solar/arrow-up-to-line-bold-duotone.svg" alt="Icône Arrow Up To Line Bold Duotone">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Icônes Solar →