أيقونة Shuffle Bold

solar:shuffle-bold

أيقونة Shuffle Bold (solar:shuffle-bold) أيقونة SVG مجانية من مجموعة Solar من تصميم 480 Design. مرسومة على شبكة 24 × 24. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Solar
المؤلف: 480 Design
الترخيص: CC-BY-4.0
الحجم: 24 × 24
الفئة: الفيديو
الوسوم: shufflebold

تنزيل 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="M12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22ZM16.2623 7.47719C16.551 7.1802 17.0258 7.17351 17.3228 7.46225L18.5228 8.62892C18.6681 8.77013 18.75 8.96409 18.75 9.16667C18.75 9.36924 18.6681 9.5632 18.5228 9.70441L17.3228 10.8711C17.0258 11.1598 16.551 11.1531 16.2623 10.8561C16.011 10.5977 15.9834 10.2046 16.1762 9.91667H15.8383C15.3265 9.91667 14.9944 9.91744 14.7373 9.94173C14.4955 9.96458 14.3787 10.0042 14.294 10.0509C14.2102 10.0969 14.1178 10.1718 13.9758 10.3582C13.8236 10.5581 13.6532 10.8325 13.3896 11.2598L11.8693 13.7233C11.6282 14.1138 11.4197 14.4518 11.2175 14.7172C11.0002 15.0026 10.7583 15.2488 10.4294 15.4299C10.1015 15.6104 9.76303 15.6843 9.40387 15.7183C9.06785 15.75 8.66434 15.75 8.1946 15.75L6 15.75C5.58579 15.75 5.25 15.4142 5.25 15C5.25 14.5858 5.58579 14.25 6 14.25H8.16171C8.67346 14.25 9.00564 14.2492 9.26275 14.2249C9.50453 14.2021 9.62126 14.1625 9.70604 14.1158C9.78978 14.0697 9.88225 13.9948 10.0242 13.8085C10.1764 13.6086 10.3468 13.3341 10.6104 12.9068L12.1307 10.4434C12.3717 10.0528 12.5803 9.71485 12.7825 9.44943C12.9998 9.16404 13.2417 8.91784 13.5706 8.73678C13.8985 8.55631 14.237 8.48233 14.5961 8.44839C14.9322 8.41663 15.3357 8.41665 15.8054 8.41667L16.1762 8.41667C15.9834 8.12871 16.011 7.73562 16.2623 7.47719ZM9.38531 9.76916C9.30046 9.7531 9.19932 9.75 8.80057 9.75H6C5.58579 9.75 5.25 9.41421 5.25 9C5.25 8.58579 5.58579 8.25 6 8.25H8.80057L8.85843 8.24998C9.17103 8.24981 9.42305 8.24968 9.66421 8.29532C10.2033 8.39734 10.6972 8.66783 11.0694 9.07011C11.2363 9.25039 11.3679 9.4639 11.5278 9.72348L11.5582 9.77278C11.7758 10.1253 11.6664 10.5874 11.3139 10.8049C10.9614 11.0224 10.4993 10.913 10.2818 10.5606C10.0759 10.2269 10.0234 10.1482 9.96852 10.0889C9.81783 9.92609 9.61368 9.81237 9.38531 9.76916ZM12.6861 13.0284C13.0386 12.8109 13.5007 12.9203 13.7182 13.2728C13.9241 13.6064 13.9766 13.6851 14.0315 13.7444C14.1822 13.9072 14.3863 14.021 14.6147 14.0642C14.6995 14.0802 14.8007 14.0833 15.1994 14.0833H16.1762C15.9834 13.7954 16.011 13.4023 16.2623 13.1439C16.551 12.8469 17.0258 12.8402 17.3228 13.1289L18.5228 14.2956C18.6681 14.4368 18.75 14.6308 18.75 14.8333C18.75 15.0359 18.6681 15.2299 18.5228 15.3711L17.3228 16.5377C17.0258 16.8265 16.551 16.8198 16.2623 16.5228C16.011 16.2644 15.9834 15.8713 16.1762 15.5833H15.1994L15.1416 15.5834C14.829 15.5835 14.5769 15.5837 14.3358 15.538C13.7967 15.436 13.3028 15.1655 12.9306 14.7632C12.7637 14.5829 12.6321 14.3694 12.4722 14.1098L12.4418 14.0606C12.2242 13.7081 12.3336 13.246 12.6861 13.0284Z" clip-rule="evenodd"/></svg>

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

React

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

<Icon icon="solar:shuffle-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:shuffle-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:shuffle-bold" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--shuffle-bold]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:shuffle-bold"></div>

مكوّن ويب

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

<iconify-icon icon="solar:shuffle-bold"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/shuffle-bold.svg" alt="أيقونة Shuffle Bold" width="24" height="24">

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

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

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

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

نعم. تُنشر Solar icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

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

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

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

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

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