Иконка Component Exchange
material-symbols-light:component-exchange
Иконка Component Exchange (material-symbols-light:component-exchange) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Material Symbols Light
- Автор
- Лицензия
- Apache-2.0
- Размер
- 24 × 24
- Категория
- Действия
- Теги
- componentexchange, component exchange rounded, component exchange sharp, component exchange outline sharp, component exchange outline, component exchange outline rounded
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m5.17 20.692l-.131-1.178q-.216-.089-.383-.187t-.342-.223l-1.104.462l-.831-1.439l.929-.698v-.833l-.93-.723l.832-1.439l1.104.462q.163-.113.352-.227q.19-.113.373-.202l.13-1.16h1.662l.13 1.18q.089.024.178.069t.167.088t.173.114t.208.138l1.104-.462l.83 1.439l-.929.698q.02.171.01.416q-.01.246-.048.379q.096.094.154.147t.154.146l5.455-3.155l-.817 1.398l.07.052l-4.2 2.415l-.68 1.197l-1.103-.462q-.164.113-.353.227q-.19.113-.372.202l-.131 1.16zm-.454-4.976q-.524.525-.524 1.284t.524 1.284q.525.524 1.284.524t1.284-.524q.524-.524.524-1.284t-.524-1.284T6 15.192t-1.284.524m5.453-6.024l-.13-1.16q-.223-.107-.395-.2t-.278-.2l-.174.155v5.461l-.086-.15l-.798.34V8.532l-.904-1.404l.904-.698v-.833l-.93-.723l.832-1.438l1.104.461q.163-.113.352-.227q.19-.113.373-.202l.13-1.16h1.662l.13 1.18q.178.069.335.157q.158.089.39.252l1.105-.461l.83 1.438l-.929.698v.833l.93.723l-.831 1.439l-1.104-.462q-.164.113-.353.227q-.19.113-.372.202l-.131 1.16zm-.453-4.976Q9.192 5.241 9.192 6t.524 1.284q.525.524 1.284.524t1.284-.524T12.808 6t-.524-1.284T11 4.192t-1.284.524m7.453 15.976l-.13-1.178q-.235-.108-.393-.197q-.157-.088-.332-.213l-1.104.462l-.831-1.439l.929-.698v-.833l-.93-.698l.832-1.463l1.104.461q.17-.127.302-.206q.13-.08.346-.198l.077-.365l-5.381-3.78h.758l.061-.497l4.952 3.458h1.402l.13 1.179q.089.025.178.069t.167.088t.173.114t.208.138l1.104-.461l.83 1.438l-.929.698v.833l.93.723l-.831 1.439l-1.104-.462q-.183.133-.363.246t-.363.183l-.13 1.16zm-.453-4.976q-.524.525-.524 1.284t.524 1.284t1.284.524t1.284-.524t.524-1.284t-.524-1.284T18 15.192t-1.284.524"/></svg>Как использовать иконку Component Exchange
React
import { Icon } from "@iconify/react";
<Icon icon="material-symbols-light:component-exchange" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="material-symbols-light:component-exchange" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="material-symbols-light:component-exchange" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--component-exchange]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:component-exchange"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="material-symbols-light:component-exchange"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/material-symbols-light/component-exchange.svg" alt="Иконка Component Exchange" width="24" height="24">Иконка Component Exchange в других наборах
Вопросы и ответы: Иконка Component Exchange
Можно ли бесплатно использовать иконку Component Exchange в коммерческих проектах?
Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Component Exchange в React?
Установите @iconify/react и выведите <Icon icon="material-symbols-light:component-exchange" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Component Exchange на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/component-exchange.svg" alt="Иконка Component Exchange">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.