أيقونة Address Book

el:address-book

أيقونة Address Book (el:address-book) أيقونة SVG مجانية من مجموعة Elusive Icons من تصميم Team Redux. مرسومة على شبكة 1200 × 1200. تُنشر Elusive Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Elusive Icons
المؤلف: Team Redux
الترخيص: OFL-1.1
الحجم: 1200 × 1200
الوسوم: addressbook

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M.008.015v1199.984H1200V987.564h-130.664V870.733H1200V658.377h-130.664V541.545H1200V329.282h-130.664V212.451H1200l-.016-212.45H0zm534.665 209.56c95.784 0 173.373 77.68 173.373 173.466c0 67.881-38.969 126.625-95.78 155.109l222.013 132.926h2.696v187.473H232.28V671.076h2.784L456.982 538.15c-56.812-28.484-95.78-87.229-95.78-155.109c0-95.785 77.68-173.466 173.466-173.466z"/></svg>

كيفية استخدام أيقونة Address Book

React

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

<Icon icon="el:address-book" width="24" />

Vue

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

<template>
  <Icon icon="el:address-book" width="24" />
</template>

Svelte

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

<Icon icon="el:address-book" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[el--address-book]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/el -->
<div class="i-el:address-book"></div>

مكوّن ويب

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

<iconify-icon icon="el:address-book"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/el/address-book.svg" alt="أيقونة Address Book" width="24" height="24">

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

أيقونة Address Book في مجموعات أخرى

الأسئلة الشائعة حول أيقونة Address Book

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

نعم. تُنشر Elusive Icons بموجب Open Font License، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Address Book في React؟

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

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

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

تصفح كل Elusive Icons →