Icône Panel Bottom
radix-icons:panel-bottom
L'icône Panel Bottom (radix-icons:panel-bottom) est une icône SVG gratuite de la collection Radix Icons par WorkOS. Elle est dessinée sur une grille de 15 × 15. Les Radix 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
- Radix Icons
- Auteur
- WorkOS
- Licence
- MIT
- Taille
- 15 × 15
- Mots-clés
- panelbottom
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><defs><path id="SVGpPI6ccam" d="M13.653 2.008A1.5 1.5 0 0 1 15 3.5v8l-.008.153a1.5 1.5 0 0 1-1.339 1.34L13.5 13h-12l-.153-.008a1.5 1.5 0 0 1-1.34-1.339L0 11.5v-8a1.5 1.5 0 0 1 1.347-1.492L1.5 2h12zM.984 9v2.5c0 .285.231.516.516.516h12a.516.516 0 0 0 .516-.516V9zM1.5 2.984a.516.516 0 0 0-.516.516V8h13.032V3.5a.516.516 0 0 0-.516-.516z"/></defs><mask id="SVGVEeC1biv" fill="currentColor"><use href="#SVGpPI6ccam"/></mask><g fill="currentColor"><use href="#SVGpPI6ccam"/><path d="m13.653 2.008l.126-1.24l-.03-.004l-.032-.001zM15 3.5h1.247zm0 8l1.245.063l.002-.031V11.5zm-.008.153l1.24.126l.004-.03l.001-.032zm-1.339 1.34l.064 1.244l.031-.001l.031-.003zM13.5 13v1.247h.032l.031-.002zm-12 0l-.063 1.245l.031.002H1.5zm-.153-.008l-.126 1.24l.03.004l.032.001zm-1.34-1.339l-1.244.064l.001.031l.003.031zM0 11.5h-1.247v.032l.002.031zm1.347-9.492L1.283.763l-.031.001l-.031.003zM1.5 2V.753h-.032l-.031.002zm12 0l.063-1.245l-.031-.002H13.5zM.984 9V7.753H-.262V9zm0 2.5H-.262zm.516.516v1.246zm12 0v1.246zM14.016 9h1.246V7.753h-1.246zM1.5 2.984V1.738zM.984 8H-.262v1.247H.984zm13.032 0v1.247h1.246V8zm0-4.5h1.246zm-.516-.516V1.738zm.153-.976l-.126 1.24a.253.253 0 0 1 .226.252h2.494A2.747 2.747 0 0 0 13.779.767zM15 3.5h-1.247v8h2.494v-8zm0 8l-1.245-.063l-.008.153l1.245.063l1.245.064l.008-.154zm-.008.153l-1.24-.126a.254.254 0 0 1-.225.225l.126 1.24l.126 1.24a2.75 2.75 0 0 0 2.454-2.453zm-1.339 1.34l-.063-1.246l-.153.008L13.5 13l.063 1.245l.154-.008zM13.5 13v-1.247h-12v2.494h12zm-12 0l.063-1.245l-.153-.008l-.063 1.245l-.064 1.245l.154.008zm-.153-.008l.126-1.24a.254.254 0 0 1-.225-.225l-1.24.126l-1.24.126a2.75 2.75 0 0 0 2.453 2.454zm-1.34-1.339l1.246-.063l-.008-.153L0 11.5l-1.245.063l.008.154zM0 11.5h1.247v-8h-2.494v8zm0-8h1.247c0-.13.1-.239.226-.252l-.126-1.24L1.22.768A2.747 2.747 0 0 0-1.247 3.5zm1.347-1.492l.063 1.245l.153-.008L1.5 2L1.437.755l-.154.008zM1.5 2v1.247h12V.753h-12zm12 0l-.063 1.245l.153.008l.063-1.245l.064-1.245l-.154-.008zM.984 9H-.262v2.5H2.23V9zm0 2.5H-.262c0 .973.789 1.762 1.762 1.762V10.77a.73.73 0 0 1 .731.731zm.516.516v1.246h12V10.77h-12zm12 0v1.246c.973 0 1.762-.789 1.762-1.762H12.77a.73.73 0 0 1 .731-.731zm.516-.516h1.246V9H12.77v2.5zm0-2.5V7.753H.984v2.494h13.032zM1.5 2.984V1.738c-.973 0-1.762.789-1.762 1.762H2.23a.73.73 0 0 1-.731.731zM.984 3.5H-.262V8H2.23V3.5zm0 4.5v1.247h13.032V6.753H.984zm13.032 0h1.246V3.5H12.77V8zm0-4.5h1.246c0-.973-.789-1.762-1.762-1.762V4.23a.73.73 0 0 1-.731-.731zm-.516-.516V1.738h-12V4.23h12z" mask="url(#SVGVEeC1biv)"/></g></svg>
Comment utiliser l'icône Panel Bottom
React
import { Icon } from "@iconify/react";
<Icon icon="radix-icons:panel-bottom" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="radix-icons:panel-bottom" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="radix-icons:panel-bottom" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[radix-icons--panel-bottom]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/radix-icons -->
<div class="i-radix-icons:panel-bottom"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="radix-icons:panel-bottom"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/radix-icons/panel-bottom.svg" alt="Icône Panel Bottom" width="24" height="24">
Icônes similaires dans Radix Icons
L'icône Panel Bottom dans d'autres collections
FAQ : Icône Panel Bottom
L'icône Panel Bottom est-elle gratuite pour un usage commercial ?
Oui. Les Radix Icons sont publiées sous la licence MIT, qui autorise leur utilisation dans des projets personnels et commerciaux.
Comment utiliser l'icône Panel Bottom dans React ?
Installez @iconify/react et affichez <Icon icon="radix-icons:panel-bottom" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Panel Bottom à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/radix-icons/panel-bottom.svg" alt="Icône Panel Bottom">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Radix Icons →
ICONYZ
