Ícone Folder Output Bold Duotone

solar:folder-output-bold-duotone

O ícone Folder Output Bold Duotone (solar:folder-output-bold-duotone) é um ícone SVG gratuito da coleção Solar de 480 Design. Ele é desenhado em uma grade de 24 × 24. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.

Coleção: Solar
Autor: 480 Design
Licença: CC-BY-4.0
Tamanho: 24 × 24
Tags: folderoutput, outputbold, boldduotone, folderoutputboldduotone

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M22 14V11.7979C22 9.16554 22 7.84935 21.2306 6.99383C21.1598 6.91514 21.0849 6.84024 21.0062 6.76946C20.1507 6 18.8345 6 16.2021 6H15.8284C14.6748 6 14.0979 6 13.5604 5.84678C13.2651 5.7626 12.9805 5.64471 12.7121 5.49543C12.2237 5.22367 11.8158 4.81578 11 4L10.4498 3.44975C10.1763 3.17633 10.0396 3.03961 9.89596 2.92051C9.27654 2.40704 8.51667 2.09229 7.71559 2.01738C7.52978 2 7.33644 2 6.94977 2C6.06724 2 5.62597 2 5.25841 2.06935C3.64033 2.37464 2.37467 3.64031 2.06938 5.25839C2.00003 5.62594 2.00003 6.06725 2.00003 6.94975L2 14L2.00001 14.2501L2.00559 15.7501C2.03321 18.3859 2.19725 19.8541 3.17157 20.8284C4.34315 22 6.22878 22 10 22H14C17.7713 22 19.6569 22 20.8284 20.8284C22 19.6569 22 17.7712 22 14Z" opacity=".5"/><path d="M5.68359 11.3936C6.01851 11.15 6.48777 11.2238 6.73145 11.5586C6.97502 11.8935 6.9012 12.3628 6.56641 12.6064L4.30664 14.25H13C13.4142 14.25 13.75 14.5858 13.75 15C13.75 15.4142 13.4142 15.75 13 15.75H4.30664L6.56641 17.3936C6.9012 17.6372 6.97502 18.1065 6.73145 18.4414C6.48777 18.7762 6.01851 18.85 5.68359 18.6064L2.00879 15.9336C2.00798 15.873 2.00651 15.8118 2.00586 15.75L2 14.25V14.0723L5.68359 11.3936Z"/></g></svg>

Como usar o ícone Folder Output Bold Duotone

React

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

<Icon icon="solar:folder-output-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:folder-output-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:folder-output-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--folder-output-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:folder-output-bold-duotone"></div>

Web component

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

<iconify-icon icon="solar:folder-output-bold-duotone"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/solar/folder-output-bold-duotone.svg" alt="Ícone Folder Output Bold Duotone" width="24" height="24">

Ícones relacionados em Solar

Perguntas frequentes sobre Ícone Folder Output Bold Duotone

O ícone Folder Output Bold Duotone é grátis para uso comercial?

Sim. Solar icons são publicados sob a licença CC BY 4.0, que permite o uso em projetos pessoais e comerciais desde que você dê crédito ao autor.

Como uso o ícone Folder Output Bold Duotone no React?

Instale @iconify/react e renderize <Icon icon="solar:folder-output-bold-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Folder Output Bold Duotone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/solar/folder-output-bold-duotone.svg" alt="Ícone Folder Output Bold Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Ícones Solar →