Icono Docktail
selfhst:docktail
El icono Docktail (selfhst:docktail) es un icono SVG gratuito de la colección selfh.st/icons de selfh.st. Está dibujado en una cuadrícula de 512 × 512. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- selfh.st/icons
- Autor
- selfh.st
- Licencia
- CC-BY-4.0
- Tamaño
- 512 × 512
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#111827" fill-rule="evenodd" d="M498.1 0h11.3v64.9h-9.9v29.6h-11.8v20.2H477V133h-11.3v18.8h-9.9v9.9h-9.9v9.4H436v9.9h-10.3v9.9h-21.2v9.4h-23v9.9h-33.9v9.4h-16v9.4h-8.9v9.9h-9.9v9.9H304V285h8.9v18.3h9.4v10.3h8.9v18.3h9.4V361h-8.9v28.7h10.8v33.9h-16v-9.9h-18.8v-23h-19.3v13.6h-15.5v-17.9h12.2v-13.2h-12.2v9.4h-12.7v-26.8h-9.4V346h-9.4v-14.6H232v-19.3h-9.9v-34.3h-9.4v-19.7h-9.9v-9.4h-9.4v-9.9H184V229h-9.4v-9.4h-18.3v-9.4h-28.2v-9.9h-19.3v-9.4H90V181H71.2v-9.9h-9.9v-9.4H52v-9.9h-9.4v-9.4h-9.9v-19.3h-9.4v-20.7h-9.4V73.8H2.6V8h13.2v13.2h10.3V32h11.8v11.3h12.2v10.8h11.8v10.8h26.3v9.9h40v9.9h47v9.9h19.7v9.9h18.3v9.4h9.4v9.4h9.4v9.9h9.4V152h9.4v19.3h10.8V152h9.4v-19.3h9.4v-9.4h9.4v-9.4h9.9v-10.3h19.7V94h18.8v-9.4h45.6v-9.9h26.3v-9.9h20.7V54.1H453V43.3h11.3V32H476V21.6h11.3V10.3h10.8zm-36.2 76.2v18.3h-10.8v9.4h-9.9v9.9h-10.3v9.4h-10.3v9.9h-10.3v9.4H391v9.4h-20.7v9.9h-24v9.4h-17.9v9.9h-9.9v9.9h-9.9v19.3h-16V229h-9.4v56.4h9.4v18.8h9.4v-18.8h-9.4v-37.1h8V229h8.5v-9.4h9.4v-9.9h9.4v-9.4h9.4v-9.9h18.8v-9.9h25.4v-9.4h19.7v-9.4h19.3v-9.9h10.3v-9.4h10.3v-9.9h9.9v-19.3h9.9V95.4h10.3V76.2zM42.1 85.6v18.3H52v19.3h9.9v9.4h9.4v9.9h9.9v9.4h9.4v9.9h19.7v9.4h17.9v9.4h28.2v9.9h18.8v9.9H194v9.4h9.4v9.4h9.4v9.9h9.4v9.4h9.9v19.7h9.4V229h-9.9v-18.8h-9.4v-9.9h-9.4v-9.4h-9.9V181h-18.8v-9.9h-9.4v-9.4h-31.5v-9.4h-23.5v-9.9h-16V133H90.5v-9.9h-9.4v-9.4h-9.9v-9.4h-9.9v-9.9H52v-8.9h-9.9zm260.4 219.1v17.9h9.4v18.8h9.4v19.7h9.4v-19.7h-9.4v-27.3h-9.4v-9.4zm39.1 63.4h12.7v14.1h-12.7zm-87 38.6h9.9v9.9h-9.9zm22.6 6.6h28.7v29.6h-28.7zm65.3 10.3h12.2v11.8h-12.2zm-30.1 15.5h23.5v23.5h-23.5zm-52.2 27.3h15.5v16h-15.5zm41.4 8.5h12.7V488h-12.7zm-20.7 26.8h10.8V512h-10.8z"/></svg>Cómo usar el icono Docktail
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:docktail" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:docktail" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:docktail" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--docktail]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:docktail"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:docktail"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/docktail.svg" alt="Icono Docktail" width="24" height="24">Iconos relacionados en selfh.st/icons
Preguntas frecuentes sobre Icono Docktail
¿El icono Docktail es gratis para uso comercial?
Sí. selfh.st/icons se publican bajo la licencia CC BY 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor.
¿Cómo uso el icono Docktail en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:docktail" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Docktail a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/docktail.svg" alt="Icono Docktail">, o pega el código SVG en línea para darle estilo con CSS.