Иконка Ship Fill

keyline-icons:ship-fill

Иконка Ship Fill (keyline-icons:ship-fill) — бесплатная SVG-иконка из набора Keyline Icons. Она нарисована на сетке 24 × 24. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Keyline Icons
Автор: Keyline Icons
Лицензия: MIT
Размер: 24 × 24
Теги: shipfill

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path fill="currentColor" d="M6.52 21.348L5.8638 20.7254C3.6872 18.66 2.5421 15.4239 3.2169 12.4072C3.281 12.1208 3.4676 11.877 3.7274 11.7404C6.163 10.4598 8.9171 9.1491 11.9513 9.0012C11.9837 8.9996 12.0163 8.9996 12.0487 9.0012C15.0829 9.1491 17.837 10.4598 20.2726 11.7404C20.5335 11.8776 20.7206 12.123 20.7839 12.4109C21.447 15.4291 20.3191 18.654 18.1362 20.7254L17.933 20.9182C17.6565 21.1805 17.255 21.2629 16.8976 21.1306C16.6003 21.0206 16.3075 20.9013 16.0198 20.7742C16.0031 20.7668 15.9866 20.759 15.9703 20.7507C14.0898 19.7936 11.8309 19.7593 9.96 20.7286C9.9281 20.7452 9.8953 20.76 9.8617 20.773C9.1273 21.0579 8.3155 21.3566 7.472 21.5872C7.1347 21.6794 6.7737 21.5887 6.52 21.348ZM13 14C13 13.4477 12.5523 13 12 13C11.4477 13 11 13.4477 11 14L11 15C11 15.5523 11.4477 16 12 16C12.5523 16 13 15.5523 13 15L13 14Z" stroke="none"/><path d="M7 11.3L7 7C7 5.8954 7.8954 5 9 5L15 5C16.1046 5 17 5.8954 17 7L17 11.3M12 5L12 3M2 20.3479C4.3679 21.6637 7.179 20.7413 9.5 19.8407C11.671 18.7159 14.2704 18.7635 16.4239 19.8595C18.1685 20.6303 20.0809 21.0813 22 20.8551"/></g></svg>

Как использовать иконку Ship Fill

React

import { Icon } from "@iconify/react";

<Icon icon="keyline-icons:ship-fill" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="keyline-icons:ship-fill" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="keyline-icons:ship-fill" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--ship-fill]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:ship-fill"></div>

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

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

<iconify-icon icon="keyline-icons:ship-fill"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/keyline-icons/ship-fill.svg" alt="Иконка Ship Fill" width="24" height="24">

Иконка Ship Fill в других наборах

Вопросы и ответы: Иконка Ship Fill

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

Да. Keyline Icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

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

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

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

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

Все Keyline Icons →