ICONYZ
Русский
Иконка Azur Lane из набора Arcticons

Иконка Azur Lane

arcticons:azur-lane

Иконка Azur Lane (arcticons:azur-lane) — бесплатная SVG-иконка из набора Arcticons от Donnnno. Она нарисована на сетке 48 × 48. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор
Arcticons
Автор
Donnnno
Лицензия
CC-BY-SA-4.0
Размер
48 × 48
Теги
azurlane
Скачать SVG

Код 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>

Как использовать иконку 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>

Веб-компонент

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="arcticons:azur-lane"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/arcticons/azur-lane.svg" alt="Иконка Azur Lane" width="24" height="24">

Вопросы и ответы: Иконка Azur Lane

Можно ли бесплатно использовать иконку Azur Lane в коммерческих проектах?

Да. Arcticons выпущены под лицензией CC BY-SA 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией.

Как использовать иконку Azur Lane в React?

Установите @iconify/react и выведите <Icon icon="arcticons:azur-lane" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Azur Lane на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/arcticons/azur-lane.svg" alt="Иконка Azur Lane">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Arcticons →