Иконка Conversion Duo
streamline-kameleon-color:conversion-duo
Иконка Conversion Duo (streamline-kameleon-color:conversion-duo) — бесплатная SVG-иконка из набора Kameleon color icons от Streamline. Она нарисована на сетке 48 × 48. Kameleon color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Kameleon color icons
- Автор
- Streamline
- Лицензия
- CC-BY-4.0
- Размер
- 48 × 48
- Категория
- Деньги и бизнес
- Теги
- conversionduo
Код 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>Как использовать иконку 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>Веб-компонент
<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>Изображение HTML
<img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/conversion-duo.svg" alt="Иконка Conversion Duo" width="24" height="24">Похожие иконки в наборе Kameleon color icons
Вопросы и ответы: Иконка Conversion Duo
Можно ли бесплатно использовать иконку Conversion Duo в коммерческих проектах?
Да. Kameleon color icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.
Как использовать иконку Conversion Duo в React?
Установите @iconify/react и выведите <Icon icon="streamline-kameleon-color:conversion-duo" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Conversion Duo на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-kameleon-color/conversion-duo.svg" alt="Иконка Conversion Duo">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.