أيقونة Ruler Angular Linear

solar:ruler-angular-linear

أيقونة Ruler Angular Linear (solar:ruler-angular-linear) أيقونة 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
الفئة: الأدوات
الوسوم: rulerangular، angularlinear، rulerangularlinear

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-width="1.5"><path d="M2 6V18.5C2 19.9045 2 20.6067 2.33706 21.1111C2.48298 21.3295 2.67048 21.517 2.88886 21.6629C3.39331 22 4.09554 22 5.5 22C6.90446 22 7.60669 22 8.11114 21.6629C8.32952 21.517 8.51702 21.3295 8.66294 21.1111C9 20.6067 9 19.9045 9 18.5V11C9 10.0572 9 9.58579 9.29289 9.29289C9.58579 9 10.0572 9 11 9H18.5C19.9045 9 20.6067 9 21.1111 8.66294C21.3295 8.51702 21.517 8.32952 21.6629 8.11114C22 7.60669 22 6.90446 22 5.5C22 4.09554 22 3.39331 21.6629 2.88886C21.517 2.67048 21.3295 2.48298 21.1111 2.33706C20.6067 2 19.9045 2 18.5 2H6C4.11438 2 3.17157 2 2.58579 2.58579C2 3.17157 2 4.11438 2 6Z"/><path d="M12 2L12 4M18 2L18 4M9 2L9 5M15 2L15 5"/><path d="M2 12H4M2 18H4M2 15L5 15M2 9L5 9"/></g></svg>

كيفية استخدام أيقونة Ruler Angular Linear

React

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

<Icon icon="solar:ruler-angular-linear" width="24" />

Vue

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

<template>
  <Icon icon="solar:ruler-angular-linear" width="24" />
</template>

Svelte

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

<Icon icon="solar:ruler-angular-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--ruler-angular-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:ruler-angular-linear"></div>

مكوّن ويب

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

<iconify-icon icon="solar:ruler-angular-linear"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/ruler-angular-linear.svg" alt="أيقونة Ruler Angular Linear" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Ruler Angular Linear

هل أيقونة Ruler Angular Linear مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Ruler Angular Linear في React؟

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

كيف أضيف أيقونة Ruler Angular Linear إلى صفحة ويب؟

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

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