أيقونة Route Broken

solar:route-broken

أيقونة Route Broken (solar:route-broken) أيقونة 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
الفئة: خريطة
الوسوم: routebroken

تنزيل 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="M17.8578 6.14204C20.6191 8.90341 21.9998 10.2841 21.9998 11.9998C21.9998 13.7155 20.6191 15.0962 17.8578 17.8575C15.0964 20.6189 13.7157 21.9996 12 21.9996C10.2843 21.9996 8.90365 20.6189 6.14229 17.8575C3.38093 15.0962 2.00024 13.7155 2.00024 11.9998C2.00024 10.2841 3.38093 8.90341 6.14229 6.14204C8.90365 3.38068 10.2843 2 12 2C13.1408 2 14.1335 2.61041 15.4824 3.83123"/><path stroke-linejoin="round" d="M9 14C9 13.0572 9 12.5858 9.29289 12.2929C9.58579 12 10.0572 12 11 12H15M13 14L15 12L13 10"/></g></svg>

كيفية استخدام أيقونة Route Broken

React

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

<Icon icon="solar:route-broken" width="24" />

Vue

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

<template>
  <Icon icon="solar:route-broken" width="24" />
</template>

Svelte

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

<Icon icon="solar:route-broken" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--route-broken]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:route-broken"></div>

مكوّن ويب

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

<iconify-icon icon="solar:route-broken"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/route-broken.svg" alt="أيقونة Route Broken" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Route Broken

هل أيقونة Route Broken مجانية للاستخدام التجاري؟

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

كيف أستخدم أيقونة Route Broken في React؟

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

كيف أضيف أيقونة Route Broken إلى صفحة ويب؟

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

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