أيقونة Bookmark Circle Linear

solar:bookmark-circle-linear

أيقونة Bookmark Circle Linear (solar:bookmark-circle-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
الفئة: المدرسة
الوسوم: bookmarkcircle، circlelinear، bookmarkcirclelinear

تنزيل 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-width="1.5"><path d="M16 14.0455V11.5488C16 9.40445 16 8.3323 15.4142 7.66615C14.8284 7 13.8856 7 12 7C10.1144 7 9.17157 7 8.58579 7.66615C8 8.3323 8 9.40445 8 11.5488V14.0455C8 15.5937 8 16.3679 8.32627 16.7062C8.48187 16.8675 8.67829 16.9688 8.88752 16.9958C9.32623 17.0522 9.83855 16.5425 10.8632 15.5229C11.3161 15.0722 11.5426 14.8469 11.8046 14.7875C11.9336 14.7583 12.0664 14.7583 12.1954 14.7875C12.4574 14.8469 12.6839 15.0722 13.1368 15.5229C14.1615 16.5425 14.6738 17.0522 15.1125 16.9958C15.3217 16.9688 15.5181 16.8675 15.6737 16.7062C16 16.3679 16 15.5937 16 14.0455Z"/><path d="M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12Z"/></g></svg>

كيفية استخدام أيقونة Bookmark Circle Linear

React

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

<Icon icon="solar:bookmark-circle-linear" width="24" />

Vue

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

<template>
  <Icon icon="solar:bookmark-circle-linear" width="24" />
</template>

Svelte

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

<Icon icon="solar:bookmark-circle-linear" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="solar:bookmark-circle-linear"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/solar/bookmark-circle-linear.svg" alt="أيقونة Bookmark Circle Linear" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Bookmark Circle Linear

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

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

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

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

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

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

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