Ícone Bezier Curve
ix:bezier-curve
O ícone Bezier Curve (ix:bezier-curve) é um ícone SVG gratuito da coleção Siemens Industrial Experience Icons de Siemens AG. Ele é desenhado em uma grade de 512 × 512. Siemens Industrial Experience Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais. Copie como código SVG, JSX, Vue ou Svelte, ou baixe o arquivo SVG.
- Coleção
- Siemens Industrial Experience Icons
- Autor
- Siemens AG
- Licença
- MIT
- Tamanho
- 512 × 512
- Tags
- beziercurve
Código 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>Como usar o ícone 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>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ix:bezier-curve"></iconify-icon>Imagem HTML
<img src="https://iconyz.com/api/public/svg/ix/bezier-curve.svg" alt="Ícone Bezier Curve" width="24" height="24">O ícone Bezier Curve em outras coleções
Perguntas frequentes sobre Ícone Bezier Curve
O ícone Bezier Curve é grátis para uso comercial?
Sim. Siemens Industrial Experience Icons são publicados sob a licença MIT, que permite o uso em projetos pessoais e comerciais.
Como uso o ícone Bezier Curve no React?
Instale @iconify/react e renderize <Icon icon="ix:bezier-curve" />, ou use “Copiar código” nesta página para obter um componente React independente.
Como adiciono o ícone Bezier Curve a uma página web?
Vincule o arquivo SVG em uma tag de imagem: <img src="https://iconyz.com/api/public/svg/ix/bezier-curve.svg" alt="Ícone Bezier Curve">, ou cole o código SVG diretamente na página para estilizá-lo com CSS.