أيقونة Circle Top Down Bold

solar:circle-top-down-bold

أيقونة Circle Top Down Bold (solar:circle-top-down-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
الفئة: أسهم الإجراءات
الوسوم: circletop، topdown، downbold، circletopdownbold

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path fill-rule="evenodd" d="M21.5303 2.46967C21.8232 2.76256 21.8232 3.23744 21.5303 3.53033L13.8107 11.25H17.3438C17.758 11.25 18.0938 11.5858 18.0938 12C18.0938 12.4142 17.758 12.75 17.3438 12.75H12C11.5858 12.75 11.25 12.4142 11.25 12V6.65625C11.25 6.24204 11.5858 5.90625 12 5.90625C12.4142 5.90625 12.75 6.24204 12.75 6.65625V10.1893L20.4697 2.46967C20.7626 2.17678 21.2374 2.17678 21.5303 2.46967Z" clip-rule="evenodd"/><path d="M20.4817 6.70026L17.4303 9.75164C18.6329 9.79714 19.5938 10.7864 19.5938 12C19.5938 13.2426 18.5864 14.25 17.3438 14.25H12C10.7574 14.25 9.75 13.2426 9.75 12V6.65625C9.75 5.41361 10.7574 4.40625 12 4.40625C13.2136 4.40625 14.2029 5.36715 14.2484 6.56966L17.2997 3.51828C15.7632 2.55618 13.9466 2 12 2C6.47715 2 2 6.47715 2 12C2 17.5228 6.47715 22 12 22C17.5228 22 22 17.5228 22 12C22 10.0534 21.4438 8.23678 20.4817 6.70026Z"/></g></svg>

كيفية استخدام أيقونة Circle Top Down Bold

React

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

<Icon icon="solar:circle-top-down-bold" width="24" />

Vue

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

<template>
  <Icon icon="solar:circle-top-down-bold" width="24" />
</template>

Svelte

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

<Icon icon="solar:circle-top-down-bold" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="solar:circle-top-down-bold"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/circle-top-down-bold.svg" alt="أيقونة Circle Top Down Bold" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Circle Top Down Bold

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

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

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

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

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

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

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