أيقونة Cat Bold
ph:cat-bold
أيقونة Cat Bold (ph:cat-bold) أيقونة SVG مجانية من مجموعة Phosphor من تصميم Phosphor Icons. مرسومة على شبكة 256 × 256. تُنشر Phosphor icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- Phosphor
- المؤلف
- Phosphor Icons
- الترخيص
- MIT
- الحجم
- 256 × 256
- الوسوم
- pets، animals، kitty، kitten، catbold
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="currentColor" d="M223.65 29.53a20 20 0 0 0-21.79 4.34c-.2.2-.39.4-.57.61l-15 17.3a115.34 115.34 0 0 0-116.5 0l-15-17.3c-.18-.21-.37-.41-.57-.61A20 20 0 0 0 20 48v88c0 55.14 48.45 100 108 100s108-44.86 108-100V48a20 20 0 0 0-12.35-18.47M212 136c0 38.22-31.35 69.93-72 75.21V197l12.49-12.49a12 12 0 0 0-17-17L128 175l-7.51-7.52a12 12 0 0 0-17 17L116 197v14.24c-40.65-5.28-72-37-72-75.21V58.74l14.54 16.73a12 12 0 0 0 16.21 1.76A86 86 0 0 1 96 65.74V88a12 12 0 0 0 24 0V60.35q4-.35 8-.35t8 .35V88a12 12 0 0 0 24 0V65.74a86.2 86.2 0 0 1 21.25 11.49a12 12 0 0 0 16.21-1.76L212 58.74Zm-112 4a16 16 0 1 1-16-16a16 16 0 0 1 16 16m88 0a16 16 0 1 1-16-16a16 16 0 0 1 16 16"/></svg>
كيفية استخدام أيقونة Cat Bold
React
import { Icon } from "@iconify/react";
<Icon icon="ph:cat-bold" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="ph:cat-bold" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="ph:cat-bold" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[ph--cat-bold]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/ph -->
<div class="i-ph:cat-bold"></div>
مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="ph:cat-bold"></iconify-icon>
صورة HTML
<img src="https://iconyz.com/api/public/svg/ph/cat-bold.svg" alt="أيقونة Cat Bold" width="24" height="24">
أيقونات ذات صلة في Phosphor
أيقونة Cat Bold في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Cat Bold
هل أيقونة Cat Bold مجانية للاستخدام التجاري؟
نعم. تُنشر Phosphor icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Cat Bold في React؟
ثبّت @iconify/react واعرض <Icon icon="ph:cat-bold" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Cat Bold إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/ph/cat-bold.svg" alt="أيقونة Cat Bold">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.
تصفح كل أيقونات Phosphor →
ICONYZ
