Иконка Bezier Curve
ix:bezier-curve
Иконка Bezier Curve (ix:bezier-curve) — бесплатная SVG-иконка из набора Siemens Industrial Experience Icons от Siemens AG. Она нарисована на сетке 512 × 512. Siemens Industrial Experience Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Siemens Industrial Experience Icons
- Автор
- Siemens AG
- Лицензия
- MIT
- Размер
- 512 × 512
- Теги
- beziercurve
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" fill-rule="evenodd" d="M341.334 74.667c0 17.673-14.328 32-32 32c-4.941 0-9.62-1.12-13.797-3.118l-36.367 36.367c41.827-16.333 82.362-13.858 115.902-4.498c25.775 7.192 47.292 18.345 62.285 27.593c7.535 4.648 13.525 8.878 17.696 12.001a168 168 0 0 1 4.883 3.789c.58.467 1.04.846 1.372 1.125l.408.344l.134.113l.049.042l.02.017c.008.007.016.014-13.92 16.167s-13.927 16.16-13.92 16.165l-.13-.109l-.32-.265l-.502-.408a127 127 0 0 0-3.646-2.826c-3.292-2.464-8.222-5.954-14.522-9.84c-12.678-7.82-30.491-16.989-51.353-22.812c-33.652-9.39-75.531-10.365-118.377 18.869q.103-1.678.105-3.383c0-10.87-3.252-20.98-8.837-29.411l-15.616 15.615a31.9 31.9 0 0 1 3.12 13.796c0 17.674-14.327 32-32 32c-4.94 0-9.62-1.12-13.797-3.119l-15.615 15.616c8.43 5.585 18.541 8.837 29.411 8.837q1.704-.001 3.383-.105c-29.236 42.846-28.26 84.728-18.87 118.379c5.823 20.862 14.992 38.675 22.811 51.351c3.887 6.302 7.377 11.232 9.84 14.522a125 125 0 0 0 2.827 3.648c.314.388.541.661.673.82l.109.13c-.006-.007-.012-.014-16.165 13.921s-16.16 13.929-16.167 13.919l-.017-.02l-.042-.05l-.113-.131l-.344-.408c-.279-.335-.658-.793-1.125-1.372a171 171 0 0 1-3.789-4.883c-3.123-4.17-7.353-10.16-12-17.696c-9.25-14.995-20.401-36.512-27.594-62.282c-9.36-33.543-11.835-74.08 4.498-115.907l-36.366 36.367a31.9 31.9 0 0 1 3.118 13.797c0 17.672-14.327 32-32 32s-32-14.328-32-32s14.327-32 32-32c4.94 0 9.62 1.12 13.797 3.119l74.655-74.656A31.9 31.9 0 0 1 160 192c0-17.673 14.327-32 32-32c4.94 0 9.62 1.12 13.797 3.12l74.656-74.656a31.9 31.9 0 0 1-3.12-13.797c0-17.673 14.328-32 32-32s32 14.327 32 32"/></svg>Как использовать иконку Bezier Curve
React
import { Icon } from "@iconify/react";
<Icon icon="ix:bezier-curve" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ix:bezier-curve" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ix:bezier-curve" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ix--bezier-curve]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ix -->
<div class="i-ix:bezier-curve"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:bezier-curve"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/ix/bezier-curve.svg" alt="Иконка Bezier Curve" width="24" height="24">Иконка Bezier Curve в других наборах
Вопросы и ответы: Иконка Bezier Curve
Можно ли бесплатно использовать иконку Bezier Curve в коммерческих проектах?
Да. Siemens Industrial Experience Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Bezier Curve в React?
Установите @iconify/react и выведите <Icon icon="ix:bezier-curve" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Bezier Curve на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/ix/bezier-curve.svg" alt="Иконка Bezier Curve">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.