ICONYZ
Português (Brasil)
Ícone Conversion Duo de Kameleon color icons

Ícone Conversion Duo

streamline-kameleon-color:conversion-duo

O ícone Conversion Duo (streamline-kameleon-color:conversion-duo) é um ícone SVG gratuito da coleção Kameleon color icons de Streamline. Ele é desenhado em uma grade de 48 × 48. Kameleon color 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
Kameleon color icons
Autor
Streamline
Licença
CC-BY-4.0
Tamanho
48 × 48
Categoria
Dinheiro e negócios
Tags
conversionduo
Baixar SVG

Código SVG

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none"><path fill="#deeeff" d="M24 47.999c13.255 0 24-10.745 24-24s-10.745-24-24-24s-24 10.745-24 24s10.745 24 24 24"/><path fill="#2e3ecd" d="M30.108 11.018a6.88 6.88 0 0 1 6.873 6.872c0 3.79-3.083 6.873-6.873 6.873s-6.872-3.083-6.872-6.873a6.88 6.88 0 0 1 6.872-6.873m0-.982a7.855 7.855 0 1 0 0 15.709a7.855 7.855 0 0 0 0-15.71"/><path fill="#2e3ecd" d="M30.109 24.763c-3.79 0-6.873-3.083-6.873-6.873s3.083-6.872 6.873-6.872s6.873 3.083 6.873 6.873s-3.083 6.872-6.873 6.872"/><path fill="#6bafff" d="M33.638 20.777c-.637.824-1.426 1.378-2.64 1.378c-1.744 0-2.97-1.12-3.417-2.793h-.636a.503.503 0 0 1-.507-.506a.51.51 0 0 1 .507-.507h.46c-.012-.141-.012-.294-.012-.447c0-.177 0-.366.023-.542h-.47a.5.5 0 1 1 0-1.002h.659c.46-1.59 1.673-2.733 3.346-2.733c1.25 0 2.003.495 2.616 1.202a.694.694 0 0 1-.507 1.166a.63.63 0 0 1-.506-.236c-.448-.542-.907-.836-1.638-.836c-.848 0-1.484.554-1.814 1.437H31.2a.5.5 0 0 1 0 1.002h-2.322c-.023.165-.023.341-.023.518c0 .165 0 .318.011.471H31.2c.271 0 .495.236.495.507a.5.5 0 0 1-.495.506h-2.12c.33.943 1 1.497 1.932 1.497c.707 0 1.166-.342 1.614-.896a.63.63 0 0 1 .506-.235a.644.644 0 0 1 .507 1.049"/><path fill="#2e3ecd" d="M17.89 23.236c3.79 0 6.873 3.083 6.873 6.872s-3.083 6.873-6.872 6.873s-6.873-3.083-6.873-6.873s3.083-6.872 6.873-6.872m0-.982a7.855 7.855 0 1 0 0 15.71a7.855 7.855 0 0 0 0-15.71"/><path fill="#2e3ecd" d="M17.891 36.981c-3.79 0-6.872-3.083-6.872-6.873s3.082-6.872 6.872-6.872s6.873 3.082 6.873 6.872s-3.083 6.873-6.873 6.873"/><path fill="#6bafff" d="M18.065 25.208c.283 0 .507.224.507.506v.26a4.3 4.3 0 0 1 1.826.648c.189.106.354.282.354.565a.65.65 0 0 1-.66.648a.7.7 0 0 1-.354-.106a4.3 4.3 0 0 0-1.213-.518v2.262c1.79.447 2.557 1.166 2.557 2.427c0 1.296-1.013 2.156-2.51 2.297v.245a.503.503 0 0 1-.507.507a.513.513 0 0 1-.518-.507v-.269a5.1 5.1 0 0 1-2.415-.919a.65.65 0 0 1-.318-.565c0-.366.282-.648.648-.648a.64.64 0 0 1 .388.13c.554.4 1.096.67 1.744.789v-2.321c-1.72-.448-2.521-1.096-2.521-2.428c0-1.26 1.001-2.132 2.474-2.25v-.248c0-.281.236-.505.518-.505m-.471 4.017V27.14c-.754.07-1.131.471-1.131.99c0 .495.224.8 1.131 1.095m.93 1.638v2.145c.755-.083 1.167-.46 1.167-1.025c0-.519-.26-.837-1.166-1.12M11.782 19.2h-1.746l2.618 3.49l2.618-3.49h-1.745v-3.492q0-1.745 1.746-1.745h3.49v1.745l3.491-2.618l-3.49-2.618v1.745h-3.492q-3.49 0-3.49 3.491zm23.999 10.036h1.746l-2.618-3.491l-2.619 3.49h1.746v3.491q0 1.746-1.746 1.746H28.8v-1.746l-3.491 2.619l3.49 2.618v-1.746h3.491q3.492 0 3.491-3.49z"/></g></svg>

Como usar o ícone Conversion Duo

React

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

<Icon icon="streamline-kameleon-color:conversion-duo" width="24" />

Vue

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

<template>
  <Icon icon="streamline-kameleon-color:conversion-duo" width="24" />
</template>

Svelte

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

<Icon icon="streamline-kameleon-color:conversion-duo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-kameleon-color--conversion-duo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-kameleon-color -->
<div class="i-streamline-kameleon-color:conversion-duo"></div>

Web component

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

<iconify-icon icon="streamline-kameleon-color:conversion-duo"></iconify-icon>

Imagem HTML

<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/conversion-duo.svg" alt="Ícone Conversion Duo" width="24" height="24">

Ícones relacionados em Kameleon color icons

Perguntas frequentes sobre Ícone Conversion Duo

O ícone Conversion Duo é grátis para uso comercial?

Sim. Kameleon color 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 Conversion Duo no React?

Instale @iconify/react e renderize <Icon icon="streamline-kameleon-color:conversion-duo" />, ou use “Copiar código” nesta página para obter um componente React independente.

Como adiciono o ícone Conversion Duo a uma página web?

Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/conversion-duo.svg" alt="Ícone Conversion Duo">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.

Ver todos os Kameleon color icons →