ICONYZ
Русский
Иконка Conversion Path Off Rounded из набора Material Symbols Light

Иконка Conversion Path Off Rounded

material-symbols-light:conversion-path-off-rounded

Иконка Conversion Path Off Rounded (material-symbols-light:conversion-path-off-rounded) — бесплатная SVG-иконка из набора Material Symbols Light от Google. Она нарисована на сетке 24 × 24. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Material Symbols Light
Автор
Google
Лицензия
Apache-2.0
Размер
24 × 24
Категория
Бизнес
Теги
conversionpath, pathoff, offrounded, conversionpathoffrounded, conversion path off outline rounded
Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M20.75 22.171L2.235 3.661q-.146-.145-.156-.346t.156-.367t.356-.165t.357.165l18.516 18.516q.146.146.155.344t-.155.363t-.357.165t-.357-.165M11 18.5q-1.458 0-2.479-1.021T7.5 15t1.021-2.479T11 11.5h.5l1 1H11q-1.036 0-1.768.732T8.5 15t.732 1.768T11 17.5h6.5l2.685 2.685q-.273.142-.565.229q-.291.086-.62.086q-.898 0-1.586-.562t-.855-1.438zm9.779-2.279q.385.385.562.868q.176.482.153 1.003q-.011.162-.16.222q-.15.059-.28-.072l-1.198-1.198l-1.098-1.098q-.131-.13-.068-.28q.062-.149.224-.16q.52-.023 1 .154t.865.561M5 8.5q-1.038 0-1.77-.73T2.5 6q0-.704.362-1.283q.361-.578.953-.901l3.389 3.388q-.323.592-.921.944T5 8.5m9.86 3.346q-.214 0-.357-.143q-.144-.144-.144-.357q0-.102.222-.435q.436-.32.678-.825Q15.5 9.58 15.5 9q0-1.036-.732-1.768T13 6.5H9.525q-.25 0-.375-.159q-.125-.158-.125-.341t.125-.341t.375-.159H13q1.458 0 2.479 1.021T16.5 9q0 .814-.342 1.527t-.952 1.18q-.067.074-.162.107t-.185.032"/></svg>

Как использовать иконку Conversion Path Off Rounded

React

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

<Icon icon="material-symbols-light:conversion-path-off-rounded" width="24" />

Vue

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

<template>
  <Icon icon="material-symbols-light:conversion-path-off-rounded" width="24" />
</template>

Svelte

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

<Icon icon="material-symbols-light:conversion-path-off-rounded" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[material-symbols-light--conversion-path-off-rounded]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/material-symbols-light -->
<div class="i-material-symbols-light:conversion-path-off-rounded"></div>

Веб-компонент

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

<iconify-icon icon="material-symbols-light:conversion-path-off-rounded"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/material-symbols-light/conversion-path-off-rounded.svg" alt="Иконка Conversion Path Off Rounded" width="24" height="24">

Похожие иконки в наборе Material Symbols Light

Иконка Conversion Path Off Rounded в других наборах

Вопросы и ответы: Иконка Conversion Path Off Rounded

Можно ли бесплатно использовать иконку Conversion Path Off Rounded в коммерческих проектах?

Да. Material Symbols Light icons выпущены под лицензией Apache 2.0, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Conversion Path Off Rounded в React?

Установите @iconify/react и выведите <Icon icon="material-symbols-light:conversion-path-off-rounded" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Conversion Path Off Rounded на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/material-symbols-light/conversion-path-off-rounded.svg" alt="Иконка Conversion Path Off Rounded">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки Material Symbols Light →