ICONYZ
Français
Icône Article Plus Light de Stash Icons

Icône Article Plus Light

stash:article-plus-light

L'icône Article Plus Light (stash:article-plus-light) est une icône SVG gratuite de la collection Stash Icons par Pingback LLC. Elle est dessinée sur une grille de 24 × 24. Les Stash Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux. Copiez-la en code SVG, JSX, Vue ou Svelte, ou téléchargez le fichier SVG.

Collection
Stash Icons
Auteur
Pingback LLC
Licence
MIT
Taille
24 × 24
Mots-clés
articleplus, pluslight, articlepluslight
Télécharger le SVG

Code SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M5.179 2.5H16.32c.542 0 .98 0 1.333.029c.365.03.685.093.981.243a2.5 2.5 0 0 1 1.092 1.093c.151.296.214.616.244.98c.03.355.03.793.03 1.335v6.32a.5.5 0 0 1-1 0V6.2c0-.568 0-.964-.026-1.273c-.024-.302-.07-.476-.137-.608a1.5 1.5 0 0 0-.656-.656c-.132-.067-.306-.113-.608-.137c-.308-.026-.705-.026-1.273-.026H5.2c-.568 0-.964 0-1.273.026c-.302.024-.476.07-.608.137a1.5 1.5 0 0 0-.656.656c-.067.132-.113.306-.137.608C2.5 5.236 2.5 5.632 2.5 6.2V21a.5.5 0 0 1-1 0V6.179c0-.542 0-.98.029-1.333c.03-.365.093-.685.243-.981a2.5 2.5 0 0 1 1.093-1.093c.296-.15.616-.213.98-.243C4.2 2.5 4.638 2.5 5.18 2.5m14.32 13a.5.5 0 0 1 .5.5v2h2a.5.5 0 0 1 0 1h-2v2a.5.5 0 0 1-1 0v-2h-2a.5.5 0 0 1 0-1h2v-2a.5.5 0 0 1 .5-.5"/><path fill="currentColor" d="M5.75 7.5a.75.75 0 0 1 .75-.75h9a.75.75 0 0 1 0 1.5h-9a.75.75 0 0 1-.75-.75"/><path fill="currentColor" fill-rule="evenodd" d="M12.034 10.25h1.932c.126 0 .249 0 .353.008c.114.01.25.032.385.101a1 1 0 0 1 .437.437c.07.136.091.27.1.385c.009.104.009.227.009.353v1.182c0 .126 0 .25-.008.353a1 1 0 0 1-.101.385a1 1 0 0 1-.437.437a1 1 0 0 1-.385.1a4 4 0 0 1-.353.009h-1.932c-.126 0-.249 0-.353-.008a1 1 0 0 1-.385-.101a1 1 0 0 1-.437-.437a1 1 0 0 1-.1-.385c-.009-.104-.009-.227-.009-.353v-1.182c0-.126 0-.249.008-.353c.01-.114.032-.25.101-.385a1 1 0 0 1 .437-.437a1 1 0 0 1 .385-.1c.104-.009.227-.009.353-.009m-.278 1.006v.006a4 4 0 0 0-.006.288v1.15c0 .148 0 .23.005.288v.006h.007c.059.006.14.006.288.006h1.9c.148 0 .23 0 .288-.005h.006v-.007a4 4 0 0 0 .006-.288v-1.15c0-.148 0-.23-.005-.288v-.006h-.007a4 4 0 0 0-.288-.006h-1.9c-.148 0-.23 0-.288.005z" clip-rule="evenodd"/><path fill="currentColor" d="M6.75 11a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1h-1.5a.5.5 0 0 1-.5-.5m0 2.25a.5.5 0 0 1 .5-.5h1.5a.5.5 0 0 1 0 1h-1.5a.5.5 0 0 1-.5-.5m0 2.75a.5.5 0 0 1 .5-.5h7.5a.5.5 0 0 1 0 1h-7.5a.5.5 0 0 1-.5-.5m0 2.5a.5.5 0 0 1 .5-.5h4.8a.5.5 0 0 1 0 1h-4.8a.5.5 0 0 1-.5-.5"/></svg>

Comment utiliser l'icône Article Plus Light

React

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

<Icon icon="stash:article-plus-light" width="24" />

Vue

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

<template>
  <Icon icon="stash:article-plus-light" width="24" />
</template>

Svelte

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

<Icon icon="stash:article-plus-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--article-plus-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:article-plus-light"></div>

Web component

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

<iconify-icon icon="stash:article-plus-light"></iconify-icon>

Image HTML

<img src="https://iconyz.com/api/public/svg/stash/article-plus-light.svg" alt="Icône Article Plus Light" width="24" height="24">

Icônes similaires dans Stash Icons

FAQ : Icône Article Plus Light

L'icône Article Plus Light est-elle gratuite pour un usage commercial ?

Oui. Les Stash Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.

Comment utiliser l'icône Article Plus Light dans React ?

Installez @iconify/react et affichez <Icon icon="stash:article-plus-light" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.

Comment ajouter l'icône Article Plus Light à une page web ?

Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/stash/article-plus-light.svg" alt="Icône Article Plus Light">, ou collez le code SVG directement dans la page pour le styliser en CSS.

Voir toutes les Stash Icons →