Ícone Plan Light
stash:plan-light
O ícone Plan Light (stash:plan-light) é um ícone SVG gratuito da coleção Stash Icons de Pingback LLC. Ele é desenhado em uma grade de 24 × 24. Stash Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Stash Icons
- Autor
- Pingback LLC
- Licença
- MIT
- Tamanho
- 24 × 24
- Tags
- planlight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M3.5 5A2.5 2.5 0 0 1 6 2.5h10A2.5 2.5 0 0 1 18.5 5v5.5a.5.5 0 0 1-1 0V5A1.5 1.5 0 0 0 16 3.5H6A1.5 1.5 0 0 0 4.5 5v14A1.5 1.5 0 0 0 6 20.5h7a.5.5 0 0 1 0 1H6A2.5 2.5 0 0 1 3.5 19z"/><path fill="currentColor" d="M18 13.5a.5.5 0 0 1 .5.5v.667h.169c.95 0 1.831.684 1.831 1.666a.5.5 0 1 1-1 0c0-.31-.306-.666-.831-.666h-1.506c-.43 0-.663.293-.663.516c0 .213.052.285.083.318c.046.049.139.106.35.169l2.417.701c.263.078.565.198.796.444c.247.263.354.604.354 1.002c0 .898-.811 1.516-1.663 1.516H18.5V21a.5.5 0 0 1-1 0v-.667h-.169c-.95 0-1.831-.684-1.831-1.666a.5.5 0 1 1 1 0c0 .31.306.666.831.666h1.506c.43 0 .663-.293.663-.516c0-.213-.052-.285-.083-.318c-.046-.049-.139-.106-.35-.169l-2.417-.701c-.263-.078-.565-.198-.796-.444c-.247-.263-.354-.604-.354-1.002c0-.898.811-1.516 1.663-1.516h.337V14a.5.5 0 0 1 .5-.5M6.5 11a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5m3 0a.5.5 0 0 1 .5-.5h5a.5.5 0 0 1 0 1h-5a.5.5 0 0 1-.5-.5m-3 3a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5m3 0a.5.5 0 0 1 .5-.5h3.5a.5.5 0 0 1 0 1H10a.5.5 0 0 1-.5-.5m-3 3a.5.5 0 0 1 .5-.5h.5a.5.5 0 0 1 0 1H7a.5.5 0 0 1-.5-.5m3 0a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5M6.784 4.5h8.432c.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.432c0 .126 0 .249-.009.353a1 1 0 0 1-.1.385a1 1 0 0 1-.437.437a1 1 0 0 1-.385.1a5 5 0 0 1-.353.009H6.784c-.126 0-.249 0-.353-.008a1 1 0 0 1-.385-.101a1 1 0 0 1-.437-.437a1 1 0 0 1-.1-.385a5 5 0 0 1-.009-.353V5.784c0-.126 0-.249.008-.353c.01-.114.032-.25.101-.385a1 1 0 0 1 .437-.437a1 1 0 0 1 .385-.1a5 5 0 0 1 .353-.009m-.278 1.006v.006c-.006.059-.006.14-.006.288v1.4a4 4 0 0 0 .006.294h.006c.059.006.14.006.288.006h8.4c.148 0 .23 0 .288-.005h.006v-.007A4 4 0 0 0 15.5 7.2V5.8a4 4 0 0 0-.006-.294h-.006A4 4 0 0 0 15.2 5.5H6.8a4 4 0 0 0-.294.006"/></svg>Como usar o ícone Plan Light
React
import { Icon } from "@iconify/react";
<Icon icon="stash:plan-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:plan-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:plan-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--plan-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:plan-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:plan-light"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/stash/plan-light.svg" alt="Ícone Plan Light" width="24" height="24">Ícones relacionados em Stash Icons
Perguntas frequentes sobre Ícone Plan Light
O ícone Plan Light é grátis para uso comercial?
Sim. Stash Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Plan Light no React?
Instale @iconify/react e renderize <Icon icon="stash:plan-light" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Plan Light a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/stash/plan-light.svg" alt="Ícone Plan Light">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.