Иконка Harbor
devicon-plain:harbor
Иконка Harbor (devicon-plain:harbor) — бесплатная SVG-иконка из набора Devicon Plain от konpa. Она нарисована на сетке 128 × 128. Devicon Plain icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- Devicon Plain
- Автор
- konpa
- Лицензия
- MIT
- Размер
- 128 × 128
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M60.636 127.922C38.21 126.759 18.08 113.9 7.416 93.923a64 64 0 0 1-4.64-11.189C.03 73.706-.689 64.215.66 54.795c3.106-21.712 17.39-40.456 37.653-49.41C45.74 2.102 53.612.315 61.87.037c19.927-.67 38.664 7.777 51.512 23.225c4.117 4.95 7.675 10.963 10.15 17.156c5.729 14.332 5.96 30.81.637 45.378c-6.634 18.158-21.201 32.438-39.465 38.684c-7.74 2.648-16.16 3.852-24.068 3.441m8.433-11.956a63 63 0 0 0 5.517-.855c12.308-2.551 23.344-9.556 31.026-19.694c3.28-4.33 5.966-9.376 7.706-14.482c.707-2.072 1.549-5.067 1.549-5.507c0-.072-9.953-3.566-26.94-9.46c-14.818-5.14-26.931-9.355-26.919-9.365s12.086.849 26.83 1.91c14.745 1.06 26.93 1.93 27.077 1.932c.251.003.268-.017.245-.284a63 63 0 0 0-.568-4.677c-.263-1.577-.562-3.057-.632-3.127c-.02-.02-11.735.361-26.033.848c-14.297.488-26.008.874-26.023.858c-.016-.015 10.533-3.42 23.442-7.566s23.486-7.552 23.505-7.568c.057-.048-1.286-2.29-2.136-3.566a57 57 0 0 0-3.175-4.304l-.876-1.08l-.633.319c-.772.388-38.005 19.65-39.808 20.593l-1.28.67l.397-.451c.219-.25 7.075-7.393 15.237-15.876s14.849-15.452 14.861-15.487c.028-.08-1.403-.937-3.025-1.813c-4.187-2.26-9.333-4.105-14.197-5.09c-8.18-1.655-16.895-1.27-24.932 1.1a49 49 0 0 0-8.436 3.322c-5.345 2.666-9.434 5.619-13.74 9.922c-3.31 3.31-5.612 6.247-7.963 10.162c-3.972 6.617-6.333 13.863-7.15 21.95c-.22 2.166-.22 7.27-.002 9.45c.264 2.637.735 5.423 1.307 7.73c2.793 11.262 9.233 21.232 18.406 28.498c1.138.902 3.322 2.48 3.368 2.435c.015-.016.208-2.05.428-4.521s.41-4.504.424-4.517c.033-.032 25.087 11.007 25.18 11.095c.042.04.193 1.516.336 3.282c.143 1.765.279 3.265.301 3.332c.058.169 5.456.082 7.326-.118m-20.536-15.124a3946 3946 0 0 1-12.345-5.454c-.027-.026.323-3.959.355-3.987c.034-.03 23.861 10.48 23.948 10.563c.078.075.431 3.882.387 4.163c-.019.115-2.578-.98-12.345-5.285m.01-7.234c-6.433-2.836-11.71-5.171-11.729-5.19c-.034-.034.307-3.962.347-3.991c.03-.022 22.469 9.875 22.65 9.99c.116.073.174.461.308 2.073c.09 1.09.154 2.049.141 2.128c-.019.116-2.446-.922-11.718-5.01m.012-7.231c-6.084-2.682-11.083-4.897-11.11-4.923c-.055-.056.283-3.871.35-3.938c.026-.026 4.862 2.076 10.748 4.67c7.975 3.514 10.719 4.76 10.77 4.892c.073.189.39 4.098.337 4.146c-.018.016-5.01-2.165-11.095-4.847m.066-7.21c-5.708-2.515-10.43-4.606-10.493-4.646c-.093-.06-.046-.838.243-4.066c.196-2.196.357-4.094.357-4.217v-.225h-3.18v-5.918h2.032v-12.1h-2.032l.004-1.789l.005-1.789l5.649-5.515l5.649-5.515v-.472c0-.884.366-1.35 1.06-1.35c.747 0 1.148.49 1.148 1.403v.427l5.653 5.539l5.653 5.539v3.522h-2.032v12.1h2.032v5.919h-1.37c-.752 0-1.368.02-1.368.044c0 .025.32 3.948.71 8.719s.699 8.74.684 8.82c-.02.116-2.121-.778-10.404-4.428M44.222 57.07c.027-2.73.047-3.064.198-3.422c.61-1.45 1.765-2.324 3.23-2.447a3.73 3.73 0 0 1 3.975 3.11c.047.29.087 1.713.087 3.159v2.63l1.657-.024l1.656-.024l.022-6.029l.023-6.028H40.848v12.1h3.344z"/></svg>Как использовать иконку Harbor
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:harbor" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:harbor" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:harbor" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--harbor]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:harbor"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:harbor"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/devicon-plain/harbor.svg" alt="Иконка Harbor" width="24" height="24">Похожие иконки в наборе Devicon Plain
Иконка Harbor в других наборах
Вопросы и ответы: Иконка Harbor
Можно ли бесплатно использовать иконку Harbor в коммерческих проектах?
Да. Devicon Plain icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Harbor в React?
Установите @iconify/react и выведите <Icon icon="devicon-plain:harbor" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Harbor на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/devicon-plain/harbor.svg" alt="Иконка Harbor">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.