Icono Harbor Light
selfhst:harbor-light
El icono Harbor Light (selfhst:harbor-light) 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
- Etiquetas
- harborlight
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#fff" d="M256 0C114.6 0 0 114.6 0 256s114.6 256 256 256s256-114.6 256-256S397.4 0 256 0m0 465.4c-2.4 0-4.8-.1-7.2-.1l-2.3-27.4l-101.1-44.5l-3.4 38.3C84.6 394.4 46.6 329.6 46.6 256c0-115.7 93.8-209.4 209.4-209.4c40.9 0 79 11.7 111.2 32l-2.5 2.4l-119.3 125.2l164.5-85.8l3.9-2c9.8 11.2 18.4 23.5 25.7 36.6l-2.2.7l-188.7 60.6l209.1-7.1l2.4-.1c2.5 10.8 4.1 22 4.8 33.4l-8.4-.6l-211.1-15.6l207.1 73.9l7.6 2.5C438.9 395.9 355.6 465.4 256 465.4m-12.1-57.6l1.5 17.3l-99-43.6l-.2-.1l1.5-16zm-93.8-70.2l91.3 40.2l1.5 17.3l-94-41.5h-.3zm88.9 10l1.5 17.3l-89.2-39.2l1.5-16zm-85.2-49.8l84.2 37.1l-5.8-71h11v-23.7H235v-48.4h8.2v-13.9l-45.4-44.5v-3.1c0-2.4-1.9-4.3-4.3-4.3s-4.3 1.9-4.3 4.3v3.1l-45.4 44.5v13.9h8.2v48.4h-8.2V264h13zm11.4-106H222v48.4h-13.5v-20.6c0-8.2-6.7-14.9-14.9-14.9s-14.9 6.7-14.9 14.9v20.6h-13.5z"/></svg>
Cómo usar el icono Harbor Light
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:harbor-light" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:harbor-light" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:harbor-light" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--harbor-light]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:harbor-light"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:harbor-light"></iconify-icon>
Imagen HTML
<img src="https://iconyz.com/api/public/svg/selfhst/harbor-light.svg" alt="Icono Harbor Light" width="24" height="24">
Iconos relacionados en selfh.st/icons
Preguntas frecuentes sobre Icono Harbor Light
¿El icono Harbor Light 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 Harbor Light en React?
Instala @iconify/react y renderiza <Icon icon="selfhst:harbor-light" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Harbor Light a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/selfhst/harbor-light.svg" alt="Icono Harbor Light">, o pega el código SVG en línea para darle estilo con CSS.
Ver todos los selfh.st/icons →
ICONYZ
