ICONYZ
العربية
أيقونة Hop Line من MingCute Icon

أيقونة Hop Line

mingcute:hop-line

أيقونة Hop Line (mingcute:hop-line) أيقونة SVG مجانية من مجموعة MingCute Icon من تصميم MingCute Design. مرسومة على شبكة 24 × 24. تُنشر MingCute Icon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
MingCute Icon
المؤلف
MingCute Design
الترخيص
Apache-2.0
الحجم
24 × 24
الوسوم
hopline
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M12 14a1 1 0 1 0-2 0zm-2 7a1 1 0 1 0 2 0zm3.625-7.78a1 1 0 1 0-1.25 1.56L13 14zm-.832 4.073a1 1 0 0 0 1.414 1.414L13.5 18zM10 9.5v-1H8.883l.123 1.11zm4 0l.994.11l.123-1.11H14zM5.107 8.006a1 1 0 0 0-.214 1.988L5 9zm14 1.988a1 1 0 0 0-.214-1.988L19 9zm-5.459 2.672l-.994-.11zm1.416 2.985l-.625.78zM11 14h-1v7h2v-7zm2 0l-.625.78l2.064 1.652l.625-.781l.624-.78l-2.063-1.652zm2.105 2.395l-.707-.707l-1.605 1.605l.707.707l.707.707l1.605-1.605zM10 9.5l-.994.11l.352 3.166l.994-.11l.994-.11l-.352-3.166zm1.843 4.5v1h.314v-2h-.314zm1.805-1.334l.994.11l.352-3.166L14 9.5l-.994-.11l-.352 3.165zM10 9.5v1h4v-2h-4zM5 9l-.107.994h.004l.01.002l.04.004a124 124 0 0 0 2.586.246c1.455.125 3.244.254 4.467.254v-2c-1.128 0-2.84-.121-4.296-.246a142 142 0 0 1-2.546-.243l-.039-.004h-.01l-.001-.001h-.001zm7 .5v1c1.223 0 3.012-.129 4.467-.254A143 143 0 0 0 19.052 10l.04-.004l.011-.001h.003L19 9l-.107-.994h-.003l-.01.001l-.038.004l-.704.072c-.47.047-1.12.109-1.842.17C14.84 8.38 13.128 8.5 12 8.5zM14 5h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2V6a1 1 0 0 1-1-1H9a3 3 0 0 0 3 3zm-2-2h1a1 1 0 0 1 1-1V2a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm.157 11v1a2.5 2.5 0 0 0 2.485-2.224l-.994-.11l-.994-.11a.5.5 0 0 1-.497.444zm-1.805-1.334l-.994.11A2.5 2.5 0 0 0 11.843 15v-2a.5.5 0 0 1-.497-.445zm4.712 2.985l-.625.78a.5.5 0 0 1-.041-.743l.707.707l.707.707a1.5 1.5 0 0 0-.123-2.232z"/></svg>

كيفية استخدام أيقونة Hop Line

React

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

<Icon icon="mingcute:hop-line" width="24" />

Vue

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

<template>
  <Icon icon="mingcute:hop-line" width="24" />
</template>

Svelte

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

<Icon icon="mingcute:hop-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--hop-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:hop-line"></div>

مكوّن ويب

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

<iconify-icon icon="mingcute:hop-line"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/mingcute/hop-line.svg" alt="أيقونة Hop Line" width="24" height="24">

أيقونات ذات صلة في MingCute Icon

أيقونة hop-fill
hop-fill

الأسئلة الشائعة حول أيقونة Hop Line

هل أيقونة Hop Line مجانية للاستخدام التجاري؟

نعم. تُنشر MingCute Icon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Hop Line في React؟

ثبّت @iconify/react واعرض <Icon icon="mingcute:hop-line" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.

كيف أضيف أيقونة Hop Line إلى صفحة ويب؟

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/mingcute/hop-line.svg" alt="أيقونة Hop Line">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل أيقونات MingCute Icon →