Icône Layers Bring Backward
streamline-freehand:layers-bring-backward
L'icône Layers Bring Backward (streamline-freehand:layers-bring-backward) est une icône SVG gratuite de la collection Freehand free icons par Streamline. Elle est dessinée sur une grille de 24 × 24. Les Freehand free 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
- Freehand free icons
- Auteur
- Streamline
- Licence
- CC-BY-4.0
- Taille
- 24 × 24
- Catégorie
- Design
- Mots-clés
- layersbring, bringbackward, layersbringbackward, layer
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M15.305 11.86a12 12 0 0 0-.31-2.29c-.099-.4-.31-.764-.61-1.049a1.25 1.25 0 0 0-.78-.26c-.429 0-.999.09-1.219.1l-2.879.06h-1.89c-.56 0-1.119-.05-1.679-.05H3.43c-.57 0-1.17 0-1.76.06a5 5 0 0 0-1.199.26a.31.31 0 0 0-.19.39a.32.32 0 0 0 .23.19a.2.2 0 0 0 0 .07l-.35 9.307c0 .79-.15 1.67-.16 2.5a6.5 6.5 0 0 0 .1 1.169a1.58 1.58 0 0 0 1 1.15a6.8 6.8 0 0 0 2.759.09c1.18-.07 2.38-.1 3.579-.1s2.39.06 3.569.15q1.311.212 2.639.27a3 3 0 0 0 1.33-.34a1.12 1.12 0 0 0 .53-.61q.095-.375.1-.76c0-.31.06-.63.07-.94v-1.39c0-1.579-.05-3.178-.12-4.778c-.09-1.06-.17-2.14-.25-3.199m-.83 9.327c0 .28 0 .57-.06.86l-.06.48a2.25 2.25 0 0 1-1.119.19c-.76 0-1.57-.21-2.19-.25c-1.199-.08-2.429-.12-3.658-.11s-2.45.07-3.65.17a8 8 0 0 1-2.048.1a.72.72 0 0 1-.69-.52a5 5 0 0 1-.11-1c0-.83.11-1.71.11-2.499l.19-9.307a.36.36 0 0 0-.06-.2a6 6 0 0 1 .6-.08H5.92c.55 0 1.1 0 1.64.09s1.3.08 2 .09h2.878c.19 0 .54 0 .88-.06s.39-.06.48 0c.206.245.329.55.35.87q.123.915.13 1.84c.08 1.299.12 2.628.15 3.998s.05 2.659.06 3.999c0 .45 0 .89-.01 1.34"/><path fill="currentColor" d="m23.693 7.801l.3-4.638a6 6 0 0 0-.08-1.33a1.9 1.9 0 0 0-.54-1a2 2 0 0 0-.7-.37a8 8 0 0 0-1.35-.2q-.756-.09-1.52-.09c-1.129 0-2.278.07-3.408.07c-1.47 0-2.92-.11-4.399-.12c-.64 0-1.28 0-1.919.08c-.5.025-.997.106-1.48.24a2 2 0 0 0-1 .65a1.4 1.4 0 0 0-.21.62a9 9 0 0 0 0 1.11c0 .71-.06 1.41 0 2.11c.06.699 0 1.399.11 2.099a.3.3 0 1 0 .5-.03v-1.21c.86-.56 1.75-1.06 2.59-1.64c.58-.39 1.12-.84 1.69-1.26c.4-.339.889-.829 1.389-1.199q.276-.222.6-.37a.3.3 0 0 0 .13-.09c.67.05 1.33.1 1.999.12h2.59c-.71.42-1.46.86-2.19 1.36q-.879.581-1.66 1.29c-.868.8-1.592 1.743-2.139 2.789a.3.3 0 0 0 .51.31a9 9 0 0 1 1.1-1.21c.31-.3.66-.57 1-.85l.999-.84c1.07-.9 2.15-1.779 3.139-2.569a.34.34 0 0 0 .14-.31c.42 0 .84 0 1.25.09q.503.036 1 .13c.14.02.273.07.39.15a.9.9 0 0 1 .209.54q.036.455 0 .91v.84c-.61.35-1.25.69-1.88 1.09q-.756.446-1.439.999a10.2 10.2 0 0 0-1.95 2.28a.3.3 0 0 0 0 .429a.31.31 0 0 0 .53-.02q.462-.51 1-.94c.29-.23.6-.43.91-.65s.61-.45.91-.68c.64-.49 1.27-.999 1.88-1.489l-.13 2.78c0 .76 0 1.519.07 2.279c-.67.38-1.36.72-2 1.11q-.74.424-1.42.939a12.3 12.3 0 0 0-2 2.06a.29.29 0 0 0 0 .42a.3.3 0 0 0 .43 0a21 21 0 0 1 2-1.4c.46-.3.91-.61 1.36-.93s1.14-.86 1.69-1.31c0 .49.059 1 .079 1.46v3.239c0 .22 0 .43-.13.53a1.15 1.15 0 0 1-.57.21q-.584.051-1.17 0c-.64 0-1.269-.05-1.909-.05s-1.27 0-1.91.05a.35.35 0 1 0 0 .69h1.87c.62 0 1.25.06 1.87.1q.67.06 1.34 0a2.1 2.1 0 0 0 .999-.37a1.4 1.4 0 0 0 .43-.85q.097-.791.09-1.59c.05-.67.06-1.34.05-2c.02-1.509-.09-3.038-.04-4.568M11.626 2.003c-.58.4-1.18.78-1.729 1.21s-1.31 1.13-1.9 1.72c0-.68 0-1.36.11-2c0-.21 0-.58.06-.92a.8.8 0 0 1 .11-.39a1.07 1.07 0 0 1 .6-.33a6 6 0 0 1 1.32-.17h1.84c.33 0 .66 0 .999.06c-.53.23-1.04.58-1.41.82"/></svg>Comment utiliser l'icône Layers Bring Backward
React
import { Icon } from "@iconify/react";
<Icon icon="streamline-freehand:layers-bring-backward" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="streamline-freehand:layers-bring-backward" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="streamline-freehand:layers-bring-backward" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-freehand--layers-bring-backward]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/streamline-freehand -->
<div class="i-streamline-freehand:layers-bring-backward"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="streamline-freehand:layers-bring-backward"></iconify-icon>Image HTML
<img src="https://iconyz.com/api/public/svg/streamline-freehand/layers-bring-backward.svg" alt="Icône Layers Bring Backward" width="24" height="24">Icônes similaires dans Freehand free icons
L'icône Layers Bring Backward dans d'autres collections
FAQ : Icône Layers Bring Backward
L'icône Layers Bring Backward est-elle gratuite pour un usage commercial ?
Oui. Les Freehand free 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 Layers Bring Backward dans React ?
Installez @iconify/react et affichez <Icon icon="streamline-freehand:layers-bring-backward" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Layers Bring Backward à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/streamline-freehand/layers-bring-backward.svg" alt="Icône Layers Bring Backward">, ou collez le code SVG directement dans la page pour le styliser en CSS.