Icône Panel Right
radix-icons:panel-right
L'icône Panel Right (radix-icons:panel-right) 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
- panelright
Code SVG
<svg xmlns="http://www.w3.org/2000/svg" width="15" height="15" viewBox="0 0 15 15"><defs><path id="SVGXWFExeZn" 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 2h12zM1.5 2.984a.516.516 0 0 0-.516.516v8c0 .285.231.516.516.516H10V2.984zm9.5 9.032h2.5a.516.516 0 0 0 .516-.516v-8a.516.516 0 0 0-.516-.516H11z"/></defs><mask id="SVGqCX3GcaG" fill="currentColor"><use href="#SVGXWFExeZn"/></mask><g fill="currentColor"><use href="#SVGXWFExeZn"/><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-12 .984V1.738zM.984 11.5H-.262zm.516.516v1.246zm8.5 0v1.246h1.247v-1.246zm0-9.032h1.247V1.738H10zm1 9.032H9.753v1.246H11zm2.5 0v1.246zm.516-8.516h1.246zm-.516-.516V1.738zm-2.5 0V1.738H9.753v1.246zm2.653-.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-12 .984V1.738c-.973 0-1.762.789-1.762 1.762H2.23a.73.73 0 0 1-.731.731zM.984 3.5H-.262v8H2.23v-8zm0 8H-.262c0 .973.789 1.762 1.762 1.762V10.77a.73.73 0 0 1 .731.731zm.516.516v1.246H10V10.77H1.5zm8.5 0h1.247V2.984H8.753v9.032zm0-9.032V1.738H1.5V4.23H10zm1 9.032v1.246h2.5V10.77H11zm2.5 0v1.246c.973 0 1.762-.789 1.762-1.762H12.77a.73.73 0 0 1 .731-.731zm.516-.516h1.246v-8H12.77v8zm0-8h1.246c0-.973-.789-1.762-1.762-1.762V4.23a.73.73 0 0 1-.731-.731zm-.516-.516V1.738H11V4.23h2.5zm-2.5 0H9.753v9.032h2.494V2.984z" mask="url(#SVGqCX3GcaG)"/></g></svg>
Comment utiliser l'icône Panel Right
React
import { Icon } from "@iconify/react";
<Icon icon="radix-icons:panel-right" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="radix-icons:panel-right" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="radix-icons:panel-right" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[radix-icons--panel-right]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/radix-icons -->
<div class="i-radix-icons:panel-right"></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-right"></iconify-icon>
Image HTML
<img src="https://iconyz.com/api/public/svg/radix-icons/panel-right.svg" alt="Icône Panel Right" width="24" height="24">
Icônes similaires dans Radix Icons
L'icône Panel Right dans d'autres collections
FAQ : Icône Panel Right
L'icône Panel Right 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 Right dans React ?
Installez @iconify/react et affichez <Icon icon="radix-icons:panel-right" />, ou utilisez « Copier le code » sur cette page pour obtenir un composant React autonome.
Comment ajouter l'icône Panel Right à une page web ?
Liez le fichier SVG dans une balise image : <img src="https://iconyz.com/api/public/svg/radix-icons/panel-right.svg" alt="Icône Panel Right">, ou collez le code SVG directement dans la page pour le styliser en CSS.
Voir toutes les Radix Icons →
ICONYZ
