Ícone Image X Two Tone

keyline-icons:image-x-two-tone

O ícone Image X Two Tone (keyline-icons:image-x-two-tone) é um ícone SVG gratuito da coleção Keyline Icons. Ele é desenhado em uma grade de 24 × 24. Keyline 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: Keyline Icons
Autor: Keyline Icons
Licença: MIT
Tamanho: 24 × 24
Tags: imagex, xtwo, twotone, imagextwotone

Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" fill-opacity=".4" d="M11 2H6C3.7909 2 2 3.7909 2 6V18C2 20.2091 3.7909 22 6 22H18C20.2091 22 22 20.2091 22 18V13C22 12.4477 21.5523 12 21 12H15C13.3431 12 12 10.6569 12 9V3C12 2.4477 11.5523 2 11 2Z" stroke="none"/><path d="M11 3L6 3C4.3431 3 3 4.3431 3 6L3 18C3 19.6569 4.3431 21 6 21L18 21C19.6569 21 21 19.6569 21 18L21 13M3 18L7.9393 13.0607C8.5251 12.4749 9.4749 12.4749 10.0607 13.0607L12.0801 15.0801C12.6079 15.6079 13.4436 15.6673 14.0408 15.2194L15.9592 13.7806C16.5564 13.3327 17.3921 13.3921 17.9199 13.9199L21 17M15 3L21 9M21 3L15 9"/><path fill="currentColor" d="M9.5 7.5C9.5 8.3284 8.8284 9 8 9C7.1716 9 6.5 8.3284 6.5 7.5C6.5 6.6716 7.1716 6 8 6C8.8284 6 9.5 6.6716 9.5 7.5Z" stroke="none"/></g></svg>

Como usar o ícone Image X Two Tone

React

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

<Icon icon="keyline-icons:image-x-two-tone" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:image-x-two-tone" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:image-x-two-tone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--image-x-two-tone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:image-x-two-tone"></div>

Web component

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

<iconify-icon icon="keyline-icons:image-x-two-tone"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/keyline-icons/image-x-two-tone.svg" alt="Ícone Image X Two Tone" width="24" height="24">

Ícones relacionados em Keyline Icons

Perguntas frequentes sobre Ícone Image X Two Tone

O ícone Image X Two Tone é grátis para uso comercial?

Sim. Keyline Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.

Como uso o ícone Image X Two Tone no React?

Instale @iconify/react e renderize <Icon icon="keyline-icons:image-x-two-tone" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Image X Two Tone a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/keyline-icons/image-x-two-tone.svg" alt="Ícone Image X Two Tone">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Keyline Icons →