Icono Azur Lane
arcticons:azur-lane
El icono Azur Lane (arcticons:azur-lane) es un icono SVG gratuito de la colección Arcticons de Donnnno. Está dibujado en una cuadrícula de 48 × 48. Arcticons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia. Cópialo como código SVG, JSX, Vue o Svelte, o descarga el archivo SVG.
- Colección
- Arcticons
- Autor
- Donnnno
- Licencia
- CC-BY-SA-4.0
- Tamaño
- 48 × 48
- Etiquetas
- azurlane
Código SVG
<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><circle cx="24" cy="24" r="21.5" fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.747 4.354c-1.384.612-5.219 2.417-5.219 2.417a7 7 0 0 1-1.808 5.467C17.14 13.71 9.108 24.561 6.794 31.332a14.9 14.9 0 0 1-1.261-7.066a9.7 9.7 0 0 1-3.019.51"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.528 6.771c-7.654.799-13.542 2.313-18.084 6.477c-3.176 2.911-3.911 11.018-3.911 11.018m33.552 0c.505 5.496-4.765 12.638-6.338 14.468c-3.368.042-10.64-1.636-12.326-3.323c-1.683-2.208-4.858-5.362-6.52-7.128"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.182 33.393c.547-1.073 3.49-2.987 4.017-4.143m-8.433-1.199v1.451a5.3 5.3 0 0 0 1.83.905m5.656-14.299A73.5 73.5 0 0 0 45.118 28.05M34.226 14.833a5.4 5.4 0 0 0 .136.854l8.075 7.928"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.072 20.229c.547-1.051.926-5.11.379-6.098s-2.523-3.217-4.164-2.166a2.23 2.23 0 0 0-.92 1.256m7.826 13.082l2.314 4.176s-4.572 1.091-9.31 7.231c1.233 1.739.392 3.773 0 4.648m-.577-6.097l.98.938"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.468 16.375c1.607 1.057 6.696 1.394 9.534 1.015a56 56 0 0 1-5.782-1.955c3.05.21 9.231.255 11.608 1.052a14.5 14.5 0 0 0-4.5-2.21s5.614.043 8.747 1.346c-1.072-1.619-7.822-5.908-7.822-5.908"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.407 22.31c-.148-1.177.757-3.168 2.04-4.77m.453-.475a4.06 4.06 0 0 1 2.29-.705"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.422 21.634c1.709.361 4.422 1.097 5.368-.88a3.326 3.326 0 0 0-1.404-4.306"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.625 18.7a3.85 3.85 0 0 0 4.018 2.315m-8.11 6.097c-1.01.014-3.924.266-4.52 3.371"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M19.786 27.163c1.125.496 2.359 2.094.536 3.65a3.09 3.09 0 0 1-3.652.359"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.347 28.128c-.109.835 1.251 3.078 2.975 2.685M11.83 22.31c.053 2.692 1.02 7.844 6.299 12.744c-2.419-.021-6.666-2.04-7.655-5.3a11.68 11.68 0 0 0 4.122 8.6c-3.28-.588-7.086-4.962-7.633-7.496M19.4 45.007s-3.466-4.156-3.83-5.474a21.6 21.6 0 0 0 .268 4.363"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M14.245 43.165c-1.058-1.586-1.275-2.97-1.7-5.6m23.28 1.855c-1.386.253-4.764 3.813-5.626 5.173"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M26.51 39.533a28.3 28.3 0 0 0 4.137 4.437m-.217-3.989a13.6 13.6 0 0 0 2.419 1.578m-12.064-2.825c.393 1.808 2.947 5.515 4.15 6.746m-7.774-20.057a14.5 14.5 0 0 0-2.607 1.913M19.099 17c.817 1.547 4.097 3.818 4.097 3.818s-3.659.732-4.626.198c.252.39.231 1.21 2.46 1.968c-2.481.168-6.553-1.982-7.177-3.126"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M21.099 19.19a6 6 0 0 1 1.155-1.729"/></svg>Cómo usar el icono Azur Lane
React
import { Icon } from "@iconify/react";
<Icon icon="arcticons:azur-lane" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="arcticons:azur-lane" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="arcticons:azur-lane" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--azur-lane]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:azur-lane"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="arcticons:azur-lane"></iconify-icon>Imagen HTML
<img src="https://iconyz.com/api/public/svg/arcticons/azur-lane.svg" alt="Icono Azur Lane" width="24" height="24">Preguntas frecuentes sobre Icono Azur Lane
¿El icono Azur Lane es gratis para uso comercial?
Sí. Arcticons se publican bajo la licencia CC BY-SA 4.0, que permite usarlos en proyectos personales y comerciales siempre que cites al autor y compartas los cambios en los iconos bajo la misma licencia.
¿Cómo uso el icono Azur Lane en React?
Instala @iconify/react y renderiza <Icon icon="arcticons:azur-lane" />, o usa «Copiar código» en esta página para obtener un componente de React independiente.
¿Cómo añado el icono Azur Lane a una página web?
Enlaza el archivo SVG en una etiqueta de imagen: <img src="https://iconyz.com/api/public/svg/arcticons/azur-lane.svg" alt="Icono Azur Lane">, o pega el código SVG en línea para darle estilo con CSS.