ICONYZ
العربية
أيقونة Swim من Carbon

أيقونة Swim

carbon:swim

أيقونة Swim (carbon:swim) أيقونة SVG مجانية من مجموعة Carbon من تصميم IBM. مرسومة على شبكة 32 × 32. تُنشر Carbon icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Carbon
المؤلف
IBM
الترخيص
Apache-2.0
الحجم
32 × 32
الفئة
التخطيط
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M30 26h-2a4.93 4.93 0 0 1-4-1.987a5.02 5.02 0 0 1-8 0a5.02 5.02 0 0 1-8 0A4.93 4.93 0 0 1 4 26H2v-2h2a3.44 3.44 0 0 0 3.053-2.321A.97.97 0 0 1 8 21a1.01 1.01 0 0 1 .949.684A3.44 3.44 0 0 0 12 24a3.44 3.44 0 0 0 3.053-2.321A.99.99 0 0 1 16 21a1.01 1.01 0 0 1 .949.684A3.44 3.44 0 0 0 20 24a3.44 3.44 0 0 0 3.053-2.321a1 1 0 0 1 1.896.005A3.44 3.44 0 0 0 28 24h2Zm-7-8.414l-8.707-8.707A2.98 2.98 0 0 0 12.171 8H4v2h8.171a1 1 0 0 1 .708.293L15.586 13L10 18.586L11.414 20L17 14.414L21.586 19ZM20 10a4 4 0 1 1 4 4a4.004 4.004 0 0 1-4-4m2 0a2 2 0 1 0 2-2a2 2 0 0 0-2 2"/></svg>

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

React

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

<Icon icon="carbon:swim" width="24" />

Vue

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

<template>
  <Icon icon="carbon:swim" width="24" />
</template>

Svelte

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

<Icon icon="carbon:swim" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[carbon--swim]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/carbon -->
<div class="i-carbon:swim"></div>

مكوّن ويب

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

<iconify-icon icon="carbon:swim"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/carbon/swim.svg" alt="أيقونة Swim" width="24" height="24">

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

أيقونة swimlane-d-vertical
swimlane-d-vertical

أيقونة Swim في مجموعات أخرى

أيقونة Swim من Material Design Icons
Material Design Icons
 أيقونة Swim من BoxIcons v2
BoxIcons v2
 أيقونة Swim من Grommet Icons
Grommet Icons
 أيقونة Swim من Health Icons
Health Icons
 أيقونة Swim من Pico-icon
Pico-icon

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

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

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

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

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

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

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

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