أيقونة 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.