ICONYZ
العربية
أيقونة Thumbs Down Line من Clarity

أيقونة Thumbs Down Line

clarity:thumbs-down-line

أيقونة Thumbs Down Line (clarity:thumbs-down-line) أيقونة SVG مجانية من مجموعة Clarity من تصميم VMware. مرسومة على شبكة 36 × 36. تُنشر Clarity icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Clarity
المؤلف
VMware
الترخيص
MIT
الحجم
36 × 36
الفئة
التواصل الاجتماعي
الوسوم
thumbsdown، downline، thumbsdownline، thumb
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="currentColor" d="M12 10c2.92-1.82 7.3-4 9.37-4h6a16.7 16.7 0 0 1 3.31 6.08A26.7 26.7 0 0 1 32 20h-9v10a2.05 2.05 0 0 1-1.26 1.69c-.77-2-2.62-6.57-4.23-8.72A11.4 11.4 0 0 0 12 19.09v2.13a9.13 9.13 0 0 1 3.91 3c1.88 2.51 4.29 9.11 4.31 9.17a1 1 0 0 0 1.19.63C22.75 33.62 25 32.4 25 30v-8h8a1 1 0 0 0 1-1a29 29 0 0 0-1.4-9.62c-1.89-5.4-4.1-7.14-4.2-7.22a1 1 0 0 0-.61-.16h-6.42C18.94 4 14.83 6 12 7.63Z" class="clr-i-outline clr-i-outline-path-1"/><path fill="currentColor" d="M2 5h7a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H2Zm6 2H4v14h4Z" class="clr-i-outline clr-i-outline-path-2"/><path fill="none" d="M0 0h36v36H0z"/></svg>

كيفية استخدام أيقونة Thumbs Down Line

React

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

<Icon icon="clarity:thumbs-down-line" width="24" />

Vue

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

<template>
  <Icon icon="clarity:thumbs-down-line" width="24" />
</template>

Svelte

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

<Icon icon="clarity:thumbs-down-line" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[clarity--thumbs-down-line]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/clarity -->
<div class="i-clarity:thumbs-down-line"></div>

مكوّن ويب

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

<iconify-icon icon="clarity:thumbs-down-line"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/clarity/thumbs-down-line.svg" alt="أيقونة Thumbs Down Line" width="24" height="24">

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

أيقونة thumbs-down-solid
thumbs-down-solid
 أيقونة thumbs-up-line
thumbs-up-line
 أيقونة thumbs-up-solid
thumbs-up-solid

الأسئلة الشائعة حول أيقونة Thumbs Down Line

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

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

كيف أستخدم أيقونة Thumbs Down Line في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/clarity/thumbs-down-line.svg" alt="أيقونة Thumbs Down Line">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

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