أيقونة Pedi App

thesvg-color:pedi-app

أيقونة Pedi App (thesvg-color:pedi-app) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 228 × 228. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: theSVG Color
المؤلف: thesvg.org
الترخيص: MIT
الحجم: 228 × 228
الوسوم: pediapp

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="228" height="228" viewBox="0 0 228 228"><g fill="none"><g clip-path="url(#SVGjQSJVcMA)"><path fill="#dd1600" d="M114.446 30c38.022 0 68.964 30.774 69.447 68.747c0 .267 0 .587.107.906c0 19.627-8.151 37.387-21.236 50.027l-3.701 3.733l-15.138-15.168l4.038-3.391c9.277-8.854 15.069-21.387 15.069-35.2c0-26.774-21.772-48.588-48.532-48.588s-48.532 21.76-48.532 48.587c0 12.16 4.505 23.307 11.905 31.84c.643.747 1.287 1.493 1.984 2.187l1.126 1.12l5.685 5.707l27.778 27.84l.859.853l13.942 13.974L114.446 198l-14.8-14.826l-27.779-27.841l-6.167-6.187v-.052c-4.344-4.267-8.098-9.121-11.208-14.401A69.47 69.47 0 0 1 45 99.6v-.853C45.429 60.774 76.425 30 114.446 30m0 31.52c20.915 0 37.968 17.12 37.968 38.08c0 10.933-4.612 20.8-12.013 27.733a38.1 38.1 0 0 1-13.996 8.373l10.296 10.347l13.354 13.334l1.501 1.493l-14.801 14.826l-7.99-8l-6.811-6.826l-27.778-27.84l-6.543-6.561c-6.918-6.879-11.154-16.373-11.154-26.88c0-21.013 17.053-38.08 37.967-38.08m0 21.013c-9.384 0-17.052 7.68-17.052 17.067c0 9.386 7.668 17.066 17.052 17.066c9.439 0 17.054-7.68 17.054-17.066c0-9.387-7.669-17.067-17.054-17.067"/></g><defs><clipPath id="SVGjQSJVcMA"><path fill="#fff" d="M45 30h139v168H45z"/></clipPath></defs></g></svg>

كيفية استخدام أيقونة Pedi App

React

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

<Icon icon="thesvg-color:pedi-app" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:pedi-app" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:pedi-app" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--pedi-app]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:pedi-app"></div>

مكوّن ويب

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

<iconify-icon icon="thesvg-color:pedi-app"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/pedi-app.svg" alt="أيقونة Pedi App" width="24" height="24">

الأسئلة الشائعة حول أيقونة Pedi App

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

نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

كيف أستخدم أيقونة Pedi App في React؟

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

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

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

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