أيقونة Grip Horizontal Outline

solar:grip-horizontal-outline

أيقونة Grip Horizontal Outline (solar:grip-horizontal-outline) أيقونة 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
الوسوم: griphorizontal، horizontaloutline، griphorizontaloutline

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M5 14.0117C5.82843 14.0117 6.5 14.6833 6.5 15.5117C6.5 16.3401 5.82843 17.0117 5 17.0117C4.17157 17.0117 3.5 16.3401 3.5 15.5117C3.5 14.6833 4.17157 14.0117 5 14.0117Z"/><path d="M12 14.0117C12.8284 14.0117 13.5 14.6833 13.5 15.5117C13.5 16.3401 12.8284 17.0117 12 17.0117C11.1716 17.0117 10.5 16.3401 10.5 15.5117C10.5 14.6833 11.1716 14.0117 12 14.0117Z"/><path d="M19 13.9961C19.8284 13.9961 20.5 14.6677 20.5 15.4961C20.5 16.3245 19.8284 16.9961 19 16.9961C18.1716 16.9961 17.5 16.3245 17.5 15.4961C17.5 14.6677 18.1716 13.9961 19 13.9961Z"/><path d="M5 7.00391C5.82843 7.00391 6.5 7.67548 6.5 8.50391C6.5 9.33233 5.82843 10.0039 5 10.0039C4.17157 10.0039 3.5 9.33233 3.5 8.50391C3.5 7.67548 4.17157 7.00391 5 7.00391Z"/><path d="M12 7.00391C12.8284 7.00391 13.5 7.67548 13.5 8.50391C13.5 9.33233 12.8284 10.0039 12 10.0039C11.1716 10.0039 10.5 9.33233 10.5 8.50391C10.5 7.67548 11.1716 7.00391 12 7.00391Z"/><path d="M19 6.98828C19.8284 6.98828 20.5 7.65985 20.5 8.48828C20.5 9.31671 19.8284 9.98828 19 9.98828C18.1716 9.98828 17.5 9.31671 17.5 8.48828C17.5 7.65985 18.1716 6.98828 19 6.98828Z"/></g></svg>

كيفية استخدام أيقونة Grip Horizontal Outline

React

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

<Icon icon="solar:grip-horizontal-outline" width="24" />

Vue

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

<template>
  <Icon icon="solar:grip-horizontal-outline" width="24" />
</template>

Svelte

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

<Icon icon="solar:grip-horizontal-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--grip-horizontal-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:grip-horizontal-outline"></div>

مكوّن ويب

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

<iconify-icon icon="solar:grip-horizontal-outline"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/grip-horizontal-outline.svg" alt="أيقونة Grip Horizontal Outline" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Grip Horizontal Outline

هل أيقونة Grip Horizontal Outline مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Grip Horizontal Outline في React؟

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

كيف أضيف أيقونة Grip Horizontal Outline إلى صفحة ويب؟

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

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