Ícone Img Box Duotone
lets-icons:img-box-duotone
O ícone Img Box Duotone (lets-icons:img-box-duotone) é um ícone SVG gratuito da coleção Lets Icons de Leonid Tsvetkov. Ele é desenhado em uma grade de 24 × 24. Lets 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
- Lets Icons
- Autor
- Leonid Tsvetkov
- Licença
- CC-BY-4.0
- Tamanho
- 24 × 24
- Categoria
- Tipos de multimídia
- Tags
- imgbox, boxduotone, imgboxduotone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-opacity=".25" fill-rule="evenodd" d="M4.172 4.172C3 5.343 3 7.229 3 11v2.484l1.734-1.486l.029-.025c.829-.71 1.49-1.276 2.056-1.645c.58-.377 1.144-.601 1.766-.513a2.5 2.5 0 0 1 .427.1c.598.195 1.004.645 1.358 1.24c.346.58.69 1.38 1.12 2.384l.014.035c.214.5.356.828.49 1.054c.13.218.208.262.254.279q.04.015.082.022c.048.008.138.01.36-.117c.232-.13.521-.346.959-.674l.02-.015c.46-.345.836-.627 1.165-.826c.343-.207.673-.349 1.049-.388q.112-.011.223-.013c.378-.005.72.097 1.084.263c.348.16.75.394 1.245.682l.022.013l2.528 1.475C21 14.644 21 13.873 21 13v-2c0-3.771 0-5.657-1.172-6.828S16.771 3 13 3h-2C7.229 3 5.343 3 4.172 4.172m16.77 12.29l-2.99-1.744c-.52-.304-.88-.513-1.177-.649c-.288-.131-.479-.175-.656-.173q-.068 0-.134.008l-.051-.497l.051.497c-.176.018-.36.084-.633.249c-.282.17-.617.421-1.103.785l-.027.02c-.403.303-.745.56-1.04.726c-.31.174-.648.297-1.027.23a1.5 1.5 0 0 1-.246-.066c-.362-.13-.593-.404-.774-.71c-.172-.29-.34-.68-.537-1.14l-.013-.03c-.449-1.047-.766-1.785-1.074-2.301c-.303-.509-.548-.716-.81-.802a1.5 1.5 0 0 0-.256-.06c-.273-.038-.585.04-1.081.362c-.504.328-1.115.85-1.98 1.59l-2.378 2.04c.03 2.606.197 4.063 1.166 5.031C5.343 21 7.229 21 11 21h2c3.771 0 5.657 0 6.828-1.172c.74-.74 1.013-1.763 1.113-3.367" clip-rule="evenodd"/><circle cx="16" cy="8" r="2" fill="currentColor"/></svg>
Como usar o ícone Img Box Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="lets-icons:img-box-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="lets-icons:img-box-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="lets-icons:img-box-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[lets-icons--img-box-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/lets-icons -->
<div class="i-lets-icons:img-box-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="lets-icons:img-box-duotone"></iconify-icon>
Imagem HTML
<img src="https://iconyz.com/api/public/svg/lets-icons/img-box-duotone.svg" alt="Ícone Img Box Duotone" width="24" height="24">
Ícones relacionados em Lets Icons
Perguntas frequentes sobre Ícone Img Box Duotone
O ícone Img Box Duotone é grátis para uso comercial?
Sim. Lets 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 Img Box Duotone no React?
Instale @iconify/react e renderize <Icon icon="lets-icons:img-box-duotone" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Img Box Duotone a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/lets-icons/img-box-duotone.svg" alt="Ícone Img Box Duotone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.
Ver todos os Lets Icons →
