أيقونة Swimming Line
mingcute:swimming-line
أيقونة Swimming Line (mingcute:swimming-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
- الوسوم
- swimmingline
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M2.514 13.126a1 1 0 0 0 .972 1.748L3 14zm18.972 1.748a1 1 0 1 0-.972-1.748L21 14zm-10.364 2.699l.387-.922a1 1 0 0 0-.824 1.822zM12 18l.486-.874zm.898.435l-.385.923a1 1 0 0 0 .822-1.823zm-10.384-1.31a1 1 0 0 0 .972 1.749L3 18zM4.32 18.51a1 1 0 1 0-.7-1.874l.35.937zm2.064-2.545a1 1 0 0 0 .234 1.986l-.117-.993zm2.028 1.957a1 1 0 0 0 .178-1.992l-.089.995zm7.178.156a1 1 0 0 0-.178 1.992l.089-.996zm1.922 1.969a1 1 0 1 0-.215-1.989l.108.994zm2.213-2.573a1 1 0 0 0 .71 1.87l-.355-.935zm1.762 1.4a1 1 0 1 0-.972-1.748L21 18zm-9.126-8.106a1 1 0 1 0 1.28-1.536L13 10zM4.713 8.042a1 1 0 0 0 .574 1.916L5 9zm9.021 2.692l-.707.707zm-2.908-2.546l-.64.768zm-1.855-.38l-.288-.957zm4.153 2.316l.707-.707zm-1.32-.082l-.615-.79zM3 14l.485.874l-.001.001h-.001l.004-.002a3 3 0 0 1 .149-.075c.113-.054.284-.132.506-.22a10 10 0 0 1 1.853-.532c1.535-.285 3.532-.276 5.52.828L12 14l.486-.874C9.973 11.73 7.47 11.738 5.63 12.079c-.92.17-1.686.426-2.225.64a10 10 0 0 0-.866.393l-.015.009l-.006.003h-.002v.001c-.001 0-.002 0 .484.875m9 0l-.486.874c2.513 1.396 5.016 1.387 6.856 1.047c.92-.17 1.686-.426 2.225-.64a10 10 0 0 0 .866-.393l.016-.009l.005-.003l.002-.001c.001 0 .002-.001-.484-.875l-.484-.875h.001l-.004.001l-.026.014l-.123.061a8 8 0 0 1-.506.22a10 10 0 0 1-1.853.533c-1.535.284-3.531.276-5.52-.828zm-.878 3.573l-.387.922q.384.16.77.374l.485-.875l.485-.874a10 10 0 0 0-.966-.47zm.868.421l-.484.875l.008.005L12 18l.486-.874l-.011-.007zM12 18l-.486.874q.5.277 1 .484l.384-.923l.385-.923a8 8 0 0 1-.797-.386zm-.878-.427l-.437.9l.868.42l.437-.899l.437-.9l-.868-.42zm.868.421l-.437.9l.908.44l.437-.899l.437-.9l-.908-.44zM3 18l.485.874l-.002.001l.04-.02q.05-.027.158-.078a8 8 0 0 1 .638-.267l-.35-.937l-.35-.937a10 10 0 0 0-1.012.44l-.063.033l-.019.01l-.006.004l-.003.002h-.001zm3.5-1.042l.117.993a8.7 8.7 0 0 1 1.794-.03l.089-.995l.089-.996a10.7 10.7 0 0 0-2.206.035zm9 2.116l-.089.996a10.7 10.7 0 0 0 2.1-.023l-.107-.995l-.108-.994a8.7 8.7 0 0 1-1.707.02zm4.579-.665l.354.935a10 10 0 0 0 .964-.423l.06-.031l.018-.01l.006-.004l.003-.001h.001L21 18c-.486-.874-.485-.874-.485-.875h.002l-.005.002l-.033.017l-.15.074a8 8 0 0 1-.605.256zm-6.955-8.285l-.707.707l.61.61l.707-.707l.707-.707l-.61-.61zm.758 3.274l-.781-.625l-.882 1.102l.781.625l.78.625l.883-1.102zM8 13l.614.79l3.803-2.959l-.614-.789l-.614-.79l-3.803 2.959zm5-3l.64-.768l-2.174-1.812l-.64.768l-.64.768l2.174 1.812zM8.97 7.809l-.287-.958l-3.97 1.191L5 9l.287.958l3.97-1.191zM19 8h-1a1 1 0 0 1-1 1v2a3 3 0 0 0 3-3zm-2 2V9a1 1 0 0 1-1-1h-2a3 3 0 0 0 3 3zm-2-2h1a1 1 0 0 1 1-1V5a3 3 0 0 0-3 3zm2-2v1a1 1 0 0 1 1 1h2a3 3 0 0 0-3-3zm-3.266 4.734l-.707.707a1 1 0 0 1 .074 1.332l.78.625l.782.625a3 3 0 0 0-.222-3.996zm-2.908-2.546l.64-.768a3 3 0 0 0-2.783-.569l.288.958l.287.958a1 1 0 0 1 .928.19zm2.298 1.936l.707-.707a2 2 0 0 0-2.642-.164l.614.789l.614.79z"/></svg>كيفية استخدام أيقونة Swimming Line
React
import { Icon } from "@iconify/react";
<Icon icon="mingcute:swimming-line" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="mingcute:swimming-line" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="mingcute:swimming-line" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[mingcute--swimming-line]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/mingcute -->
<div class="i-mingcute:swimming-line"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="mingcute:swimming-line"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/mingcute/swimming-line.svg" alt="أيقونة Swimming Line" width="24" height="24">أيقونات ذات صلة في MingCute Icon
الأسئلة الشائعة حول أيقونة Swimming Line
هل أيقونة Swimming Line مجانية للاستخدام التجاري؟
نعم. تُنشر MingCute Icon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Swimming Line في React؟
ثبّت @iconify/react واعرض <Icon icon="mingcute:swimming-line" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Swimming Line إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/mingcute/swimming-line.svg" alt="أيقونة Swimming Line">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.