ICONYZ
العربية
أيقونة Rudder Fill من MingCute Icon

أيقونة Rudder Fill

mingcute:rudder-fill

أيقونة Rudder Fill (mingcute:rudder-fill) أيقونة 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
الوسوم
rudderfill
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M13 3a1 1 0 1 0-2 0v1.062A7.96 7.96 0 0 0 7.094 5.68l-.75-.751a1 1 0 0 0-1.415 1.414l.751.751A7.96 7.96 0 0 0 4.062 11H3a1 1 0 1 0 0 2h1.062c.182 1.46.758 2.8 1.618 3.906l-.751.75a1 1 0 1 0 1.414 1.415l.751-.751A7.96 7.96 0 0 0 11 19.938V21a1 1 0 1 0 2 0v-1.062a7.96 7.96 0 0 0 3.906-1.618l.75.751a1 1 0 0 0 1.415-1.414l-.751-.751A7.96 7.96 0 0 0 19.938 13H21a1 1 0 1 0 0-2h-1.062a7.96 7.96 0 0 0-1.618-3.906l.751-.75a1 1 0 0 0-1.414-1.415l-.751.751A7.96 7.96 0 0 0 13 4.062zm2.477 4.11A6 6 0 0 0 13 6.082V9.17q.15.053.293.121zm-.77 3.597l2.184-2.184A6 6 0 0 1 17.917 11h-3.088a3 3 0 0 0-.121-.293M8.524 16.89A6 6 0 0 0 11 17.917v-3.088a3 3 0 0 1-.293-.121zm.77-3.598A3 3 0 0 1 9.17 13H6.083a6 6 0 0 0 1.026 2.477zM6.082 11H9.17q.053-.15.121-.293L7.11 8.523A6 6 0 0 0 6.083 11m11.834 2h-3.088q-.053.15-.121.293l2.183 2.184A6 6 0 0 0 17.917 13m-4.624 1.708l2.184 2.183A6 6 0 0 1 13 17.917v-3.088q.15-.053.293-.121m-2.586-5.416q.143-.068.293-.121V6.083a6 6 0 0 0-2.477 1.026z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="mingcute:rudder-fill" width="24" />

Vue

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

<template>
  <Icon icon="mingcute:rudder-fill" width="24" />
</template>

Svelte

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

<Icon icon="mingcute:rudder-fill" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="mingcute:rudder-fill"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/mingcute/rudder-fill.svg" alt="أيقونة Rudder Fill" width="24" height="24">

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

أيقونة rudder-line
rudder-line

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

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

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

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

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

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

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

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