Icono Cylinder 2 Line
mingcute:cylinder-2-line
El icono Cylinder 2 Line (mingcute:cylinder-2-line) es un icono SVG gratuito de la colección MingCute Icon de MingCute Design. Está dibujado en una cuadrícula de 24 × 24. MingCute Icon 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
- MingCute Icon
- Autor
- MingCute Design
- Licencia
- Apache-2.0
- Tamaño
- 24 × 24
- Etiquetas
- cylinderline
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M9 7.84h1a1 1 0 0 0-.891-.993zm6-.007l-.114-.994a1 1 0 0 0-.886.994zM9 19.84l-.109.994A1 1 0 0 0 10 19.84zm6-.008h-1a1 1 0 0 0 1.114.993zM4 6H3v12h2V6zm16 0h-1v12h2V6zM4 6h1c0 .19-.087.288-.082.282a1 1 0 0 1 .212-.15c.294-.171.782-.362 1.464-.539C7.944 5.243 9.857 5 12 5V3c-2.275 0-4.362.257-5.908.657c-.765.198-1.449.445-1.964.743a2.8 2.8 0 0 0-.721.572A1.57 1.57 0 0 0 3 6zm8-2v1c2.143 0 4.056.243 5.406.593c.682.177 1.17.368 1.464.538a1 1 0 0 1 .212.15C19.087 6.289 19 6.19 19 6h2c0-.44-.2-.788-.407-1.028a2.8 2.8 0 0 0-.72-.572c-.516-.298-1.2-.545-1.965-.743C16.362 3.257 14.275 3 12 3zM9 7.84l.109-.993c-1.418-.155-2.581-.413-3.363-.7c-.397-.146-.643-.281-.77-.379C4.818 5.648 5 5.716 5 6H3c0 .664.441 1.113.762 1.358c.352.269.806.486 1.293.665c.986.363 2.322.646 3.836.812zM20 6h-1c0-.315.208-.392.032-.26c-.13.097-.381.233-.78.38c-.785.291-1.95.557-3.366.72l.114.993l.114.993c1.516-.173 2.85-.466 3.833-.83c.485-.18.934-.395 1.283-.655c.304-.227.77-.67.77-1.341zM9 7.84H8v8.32h2V7.84zm0 8.32l.109.993A27 27 0 0 1 12 17v-2c-1.097 0-2.146.06-3.109.165zm6-8.327h-1v8.326h2V7.833zM12 16v1c1.025 0 2.002.056 2.891.153L15 16.16l.109-.994A29 29 0 0 0 12 15zm-3 .16H8v3.68h2v-3.68zm0 3.68l.109-.993c-1.418-.155-2.581-.413-3.363-.7c-.397-.146-.643-.281-.77-.379c-.158-.12.024-.052.024.232H3c0 .664.441 1.113.762 1.358c.352.269.806.486 1.293.665c.986.363 2.322.646 3.836.812zm6-3.68h-1v3.673h2v-3.674zM20 18h-1c0-.315.208-.392.032-.26c-.13.097-.381.233-.78.38c-.785.291-1.95.557-3.366.72l.114.993l.114.993c1.516-.173 2.85-.466 3.833-.83c.485-.18.934-.395 1.283-.655c.304-.227.77-.67.77-1.341z"/></svg>Cómo usar el icono Cylinder 2 Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:cylinder-2-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:cylinder-2-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:cylinder-2-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--cylinder-2-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:cylinder-2-line"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:cylinder-2-line"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/mingcute/cylinder-2-line.svg" alt="Icono Cylinder 2 Line" width="24" height="24">Iconos relacionados en MingCute Icon
Preguntas frecuentes sobre Icono Cylinder 2 Line
¿El icono Cylinder 2 Line es gratis para uso comercial?
Sí. MingCute Icon icons se publican bajo la licencia Apache 2.0, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Cylinder 2 Line en React?
Instala @iconify/react y renderiza <Icon icon="mingcute:cylinder-2-line" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Cylinder 2 Line a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/mingcute/cylinder-2-line.svg" alt="Icono Cylinder 2 Line">, o pega el código SVG en línea para darle estilo con CSS.