Icono Ghost Line Duotone
solar:ghost-line-duotone
El icono Ghost Line Duotone (solar:ghost-line-duotone) es un icono SVG gratuito de la colección Solar de 480 Design. Está dibujado en una cuadrícula de 24 × 24. Solar 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
- Solar
- Autor
- 480 Design
- Licencia
- CC-BY-4.0
- Tamaño
- 24 × 24
- Categoría
- Interfaz
- Etiquetas
- ghostline, lineduotone, ghostlineduotone
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor"><path stroke-width="1.5" d="M22 19.723V12.3006C22 6.61173 17.5228 2 12 2C6.47715 2 2 6.61173 2 12.3006V19.723C2 21.0453 3.35098 21.9054 4.4992 21.314C5.42726 20.836 6.5328 20.9069 7.39614 21.4998C8.36736 22.1667 9.63264 22.1667 10.6039 21.4998L10.9565 21.2576C11.5884 20.8237 12.4116 20.8237 13.0435 21.2576L13.3961 21.4998C14.3674 22.1667 15.6326 22.1667 16.6039 21.4998C17.4672 20.9069 18.5727 20.836 19.5008 21.314C20.649 21.9054 22 21.0453 22 19.723Z" opacity=".5"/><path d="M15.5 10.5C15.5 11.0523 15.2761 11.5 15 11.5C14.7239 11.5 14.5 11.0523 14.5 10.5C14.5 9.94772 14.7239 9.5 15 9.5C15.2761 9.5 15.5 9.94772 15.5 10.5Z"/><ellipse cx="9" cy="10.5" rx=".5" ry="1"/></g></svg>
Cómo usar el icono Ghost Line Duotone
React
import { Icon } from "@iconify/react";
<Icon icon="solar:ghost-line-duotone" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:ghost-line-duotone" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:ghost-line-duotone" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--ghost-line-duotone]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:ghost-line-duotone"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:ghost-line-duotone"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/solar/ghost-line-duotone.svg" alt="Icono Ghost Line Duotone" width="24" height="24">
Iconos relacionados en Solar
Preguntas frecuentes sobre Icono Ghost Line Duotone
¿El icono Ghost Line Duotone es gratis para uso comercial?
Sí. Solar 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 Ghost Line Duotone en React?
Instala @iconify/react y renderiza <Icon icon="solar:ghost-line-duotone" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Ghost Line Duotone a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/solar/ghost-line-duotone.svg" alt="Icono Ghost Line Duotone">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los Iconos Solar →
ICONYZ
