Icono Potentiometer
icon-park:potentiometer
El icono Potentiometer (icon-park:potentiometer) es un icono SVG gratuito de la colección IconPark de ByteDance. Está dibujado en una cuadrícula de 48 × 48. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- IconPark
- Autor
- ByteDance
- Licencia
- Apache-2.0
- Tamaño
- 48 × 48
- Categoría
- Industria
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-width="4"><ellipse cx="24" cy="20" fill="#2F88FF" rx="20" ry="8"/><path d="M24 4V19"/><path d="M16 34V42"/><path d="M24 34V44"/><path d="M32 34V42"/><path d="M4 20V32.3636C4 32.3636 5.11012 34.7605 8.5 37.0288"/><path d="M44 20V32.3636C44 32.3636 42.8899 34.7605 39.5 37.0288"/></g></svg>Cómo usar el icono Potentiometer
React
import { Icon } from "@iconify/react";
<Icon icon="icon-park:potentiometer" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="icon-park:potentiometer" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="icon-park:potentiometer" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[icon-park--potentiometer]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/icon-park -->
<div class="i-icon-park:potentiometer"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="icon-park:potentiometer"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/icon-park/potentiometer.svg" alt="Icono Potentiometer" width="24" height="24">El icono Potentiometer en otras colecciones
Preguntas frecuentes sobre Icono Potentiometer
¿El icono Potentiometer es gratis para uso comercial?
Sí. IconPark icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Potentiometer en React?
Instala @iconify/react y renderiza <Icon icon="icon-park:potentiometer" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Potentiometer a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/icon-park/potentiometer.svg" alt="Icono Potentiometer">, o pega el código SVG en línea para darle estilo con CSS.