أيقونة Index Pointing Up
fluent-emoji-high-contrast:index-pointing-up
أيقونة Index Pointing Up (fluent-emoji-high-contrast:index-pointing-up) أيقونة SVG مجانية من مجموعة Fluent Emoji High Contrast من تصميم Microsoft Corporation. مرسومة على شبكة 32 × 32. تُنشر Fluent Emoji High Contrast icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Fluent Emoji High Contrast
- المؤلف
- Microsoft Corporation
- الترخيص
- MIT
- الحجم
- 32 × 32
- الفئة
- الأشخاص والجسم
- الوسوم
- indexpointing، pointingup، indexpointingup
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><path fill="currentColor" d="M27.977 20.215L27.8 4.676a3.65 3.65 0 0 0-7.3.012v4.829a3 3 0 0 0-.365-.107q-.06-.014-.121-.024a3.5 3.5 0 0 0-.68-.074h-.012q-.33 0-.657.063c-.058.011-.113.033-.17.046q-.242.052-.476.135c-.067.025-.129.061-.194.09q-.213.089-.413.2c-.073.043-.138.1-.208.144q-.177.115-.34.249c-.073.063-.137.136-.205.205a4 4 0 0 0-.263.282l-.147-.109c-.047-.034-.075-.043-.112-.066a4 4 0 0 0-.447-.236q-.09-.04-.184-.074a4 4 0 0 0-.448-.135q-.093-.024-.187-.044a3.7 3.7 0 0 0-.66-.065H14.2q-.358 0-.71.07c-.074.014-.142.043-.215.062a4 4 0 0 0-.449.136c-.081.033-.155.079-.234.117a4 4 0 0 0-.369.2c-.079.051-.149.112-.223.169q-.161.115-.307.246c-.071.068-.132.144-.2.217a4 4 0 0 0-.243.288q-.063.091-.121.188a3.8 3.8 0 0 0-1.773-.439h-.011c-.057 0-.111.013-.168.016s-.1-.016-.15-.016h-.009a3.44 3.44 0 0 0-3.348 3.514v5.905C5.67 26.439 10.549 31 16.835 31a10.804 10.804 0 0 0 11.142-10.773zM21 19.919a1 1 0 0 0-.4-.133q-.044.001-.088-.005a5 5 0 0 0-1.112-.125a1.7 1.7 0 0 1-1.8-1.234a1.6 1.6 0 0 1-.04-.352q.003-.163.035-.323a1.52 1.52 0 0 1 1.388-1.247a12.4 12.4 0 0 1 2.783.3l.5.121c.977.243 1.83.836 2.4 1.666c.845 1.382 1.106 3.858.519 4.907a.66.66 0 0 1-.644.407c-.422 0-.564-.167-1.012-1.194A4.48 4.48 0 0 0 21 19.919M24.109 3A1.6 1.6 0 0 1 25.8 4.688V4.7l.142 12.257A6.3 6.3 0 0 0 23 15.077v-2.239a3.3 3.3 0 0 0-.5-1.676V4.688A1.625 1.625 0 0 1 24.109 3m-4.775 8.312q.185.002.364.049q.053.015.107.035a1.7 1.7 0 0 1 .554.295q.054.042.107.089q.098.09.18.194c.212.24.338.544.358.864v1.8q-.524-.07-1.088-.1a19 19 0 0 0-.768-.029c-.05 0-.094-.005-.144-.005h-.111c-.362 0-.72.064-1.061.188v-1.131a3.5 3.5 0 0 0-.146-.95q.009-.057.021-.112q.025-.09.062-.178q.019-.05.041-.1q.042-.082.095-.157q.031-.05.065-.1c.024-.033.073-.081.111-.121s.063-.07.1-.1q.056-.044.115-.087q.063-.05.132-.094c.039-.024.082-.041.123-.062s.1-.053.155-.074q.075-.026.152-.044c.05-.014.1-.032.149-.042q.159-.03.32-.031zM14.209 12q.232.003.454.069q.047.012.093.028q.205.07.386.188l.033.027q.155.113.279.26q.033.036.062.074q.08.117.14.245v4.333c-.007.032-.005.068-.011.1a3.5 3.5 0 0 0-.082.742c0 .129.026.249.038.373a1.61 1.61 0 0 1-1.391.791h-.01a1.586 1.586 0 0 1-1.62-1.561v-4.108q.003-.113.023-.223q.008-.066.023-.13q.021-.083.051-.163q.021-.06.045-.117q.037-.076.082-.149q.031-.055.067-.108a2 2 0 0 1 .107-.127l.088-.1q.062-.055.129-.1q.052-.043.107-.082q.074-.044.152-.08c.04-.02.077-.043.119-.06a2 2 0 0 1 .191-.058c.037-.01.072-.024.11-.031q.16-.033.326-.033zM7.67 17.8v-3.035a1.574 1.574 0 0 1 1.5-1.5a1.46 1.46 0 0 1 1.205 1.5V17.8a1.44 1.44 0 0 1-1.357 1.514A1.44 1.44 0 0 1 7.67 17.8M16.835 29c-5.183 0-8.954-3.608-9.147-7.982c.42.193.877.294 1.339.294a3.26 3.26 0 0 0 2.521-1.226a3.64 3.64 0 0 0 2.65 1.148h.011c.106 0 .209-.014.314-.023a14 14 0 0 0-1.94 1.6a1.001 1.001 0 1 0 1.4 1.432a9 9 0 0 1 3.13-2.143a7 7 0 0 1 3.139-.332c.744.23 1.042.818 1.447 1.745a3.35 3.35 0 0 0 2.231 2.334A9.13 9.13 0 0 1 16.835 29"/></svg>كيفية استخدام أيقونة Index Pointing Up
React
import { Icon } from "@iconify/react";
<Icon icon="fluent-emoji-high-contrast:index-pointing-up" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fluent-emoji-high-contrast:index-pointing-up" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fluent-emoji-high-contrast:index-pointing-up" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fluent-emoji-high-contrast--index-pointing-up]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fluent-emoji-high-contrast -->
<div class="i-fluent-emoji-high-contrast:index-pointing-up"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fluent-emoji-high-contrast:index-pointing-up"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/index-pointing-up.svg" alt="أيقونة Index Pointing Up" width="24" height="24">أيقونات ذات صلة في Fluent Emoji High Contrast
أيقونة Index Pointing Up في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Index Pointing Up
هل أيقونة Index Pointing Up مجانية للاستخدام التجاري؟
نعم. تُنشر Fluent Emoji High Contrast icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Index Pointing Up في React؟
ثبّت @iconify/react واعرض <Icon icon="fluent-emoji-high-contrast:index-pointing-up" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Index Pointing Up إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/fluent-emoji-high-contrast/index-pointing-up.svg" alt="أيقونة Index Pointing Up">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.