أيقونة Calc Book

vaadin:calc-book

أيقونة Calc Book (vaadin:calc-book) أيقونة SVG مجانية من مجموعة Vaadin Icons من تصميم Vaadin. مرسومة على شبكة 24 × 24. تُنشر Vaadin Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Vaadin Icons
المؤلف: Vaadin
الترخيص: Apache-2.0
الحجم: 24 × 24
الوسوم: calcbook

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M11.9 0c-1.3 0-2 .4-2.4.8C9.1.4 8.4 0 7 0C3.6 0 3 2 3 2v4H0v10h7v-4.6l1.5-.2s.2-.3.3.7h1.3c.1-1 .4-.7.4-.7l5.5.7V2.1S15.4 0 11.9 0M1 7h5v2H1zm5 3v1H5v-1zm-2 0v1H3v-1zm-2 5H1v-1h1zm0-2H1v-1h1zm0-2H1v-1h1zm2 4H3v-1h1zm0-2H3v-1h1zm2 2H5v-1h1zm0-2H5v-1h1zm3-3.5c-.9-.1-1.3-.3-2-.3V6H4V2.1c0-.4.8-1.5 3-1.5c1.8 0 1.9.8 1.9 1v7.9zm6 .4c-1-.4-1.1-.7-2.5-.7h-.2c-1 0-1.3.2-2.3.4V1.8c0-.2.2-1.1 1.9-1.1c2.3 0 3.1.9 3.1 1.4z"/></svg>

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

React

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

<Icon icon="vaadin:calc-book" width="24" />

Vue

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

<template>
  <Icon icon="vaadin:calc-book" width="24" />
</template>

Svelte

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

<Icon icon="vaadin:calc-book" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="vaadin:calc-book"></iconify-icon>

صورة HTML

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

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

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

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

نعم. تُنشر Vaadin Icons بموجب ترخيص Apache 2.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل Vaadin Icons →