أيقونة Color Border

cil:color-border

أيقونة Color Border (cil:color-border) أيقونة SVG مجانية من مجموعة CoreUI Free من تصميم creativeLabs Łukasz Holeczek. مرسومة على شبكة 512 × 512. تُنشر CoreUI Free icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: CoreUI Free
المؤلف: creativeLabs Łukasz Holeczek
الترخيص: CC-BY-4.0
الحجم: 512 × 512
الوسوم: colorborder

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="currentColor" d="M143.4 331.909a17.5 17.5 0 0 0 3.285-.311l89.867-21.281l190.2-190.2a62.922 62.922 0 1 0-88.986-88.985l-190.2 190.2l-21.134 89.185l-.145.674a17.435 17.435 0 0 0 17.113 20.718m33.21-94.369L360.4 53.755a30.922 30.922 0 1 1 43.731 43.731L220.342 281.272l-57.314 13.582ZM472 376H40a24.03 24.03 0 0 0-24 24v72a24.03 24.03 0 0 0 24 24h432a24.03 24.03 0 0 0 24-24v-72a24.03 24.03 0 0 0-24-24m-8 88H48v-56h416Z"/></svg>

كيفية استخدام أيقونة Color Border

React

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

<Icon icon="cil:color-border" width="24" />

Vue

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

<template>
  <Icon icon="cil:color-border" width="24" />
</template>

Svelte

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

<Icon icon="cil:color-border" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[cil--color-border]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/cil -->
<div class="i-cil:color-border"></div>

مكوّن ويب

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

<iconify-icon icon="cil:color-border"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/cil/color-border.svg" alt="أيقونة Color Border" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Color Border

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

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

كيف أستخدم أيقونة Color Border في React؟

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

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

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

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