Icono Viking
whh:viking
El icono Viking (whh:viking) es un icono SVG gratuito de la colección WebHostingHub Glyphs de WebHostingHub. Está dibujado en una cuadrícula de 1024 × 768. WebHostingHub Glyphs icons se publican bajo la Open Font License, 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
- WebHostingHub Glyphs
- Autor
- WebHostingHub
- Licencia
- OFL-1.1
- Tamaño
- 1024 × 768
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1024" height="768" viewBox="0 0 1024 768"><path fill="currentColor" d="M888 435q8 38 8 77q0 1-.5 2.5l-.5 1.5q18-4 31-4q34 0 34 97q0 39-59.5 76t-164 60T512 768t-224.5-23t-164-60T64 609q0-97 37-97q11 0 28 4q-1-1-1-2v-2q0-39 8-77Q0 349 0 160q0-26 1-40.5t6.5-38T27 38T64 0q0 188 142 281q53-71 133.5-112T512 128t172.5 41T818 281Q960 188 960 0q23 18 37 38t19.5 43.5t6.5 38t1 40.5q0 189-136 275M512 256q-16 0-40 10t-24 22v347q33 5 64 5t64-5V288q0-12-24-22t-40-10"/></svg>Cómo usar el icono Viking
React
import { Icon } from "@iconify/react";
<Icon icon="whh:viking" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="whh:viking" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="whh:viking" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[whh--viking]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/whh -->
<div class="i-whh:viking"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="whh:viking"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/whh/viking.svg" alt="Icono Viking" width="24" height="24">El icono Viking en otras colecciones
Preguntas frecuentes sobre Icono Viking
¿El icono Viking es gratis para uso comercial?
Sí. WebHostingHub Glyphs icons se publican bajo la Open Font License, que permite usarlos en proyectos personales y comerciales.
¿Cómo uso el icono Viking en React?
Instala @iconify/react y renderiza <Icon icon="whh:viking" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Viking a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/whh/viking.svg" alt="Icono Viking">, o pega el código SVG en línea para darle estilo con CSS.