أيقونة Line Pay

thesvg-color:line-pay

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

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

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="522" height="152" viewBox="0 0 522 152"><defs><clipPath id="SVGX17ocb2Y"><path d="M-561.664 251.862h800v-1800h-800z"/></clipPath><clipPath id="SVGFNS5deey"><path d="M-512.704 269.733h800v-1800h-800z"/></clipPath><clipPath id="SVGeDpUecPa"><path d="M-467.142 253.895h800v-1800h-800z"/></clipPath><clipPath id="SVGEclc7dJL"><path d="M-588.991 323.551h800v-1800h-800z"/></clipPath><clipPath id="SVGyZK6o2vw"><path d="M-332.801 234.155h800v-1800h-800z"/></clipPath><clipPath id="SVGtFzTQbJX"><path d="M-386.035 248.986h800v-1800h-800z"/></clipPath><clipPath id="SVGMtSbieRw"><path d="M-244.344 283.945h800v-1800h-800z"/></clipPath><clipPath id="SVGIthq5btX"><path d="M-267.385 234.155h800v-1800h-800z"/></clipPath></defs><g clip-path="url(#SVGIthq5btX)" transform="matrix(1.33333 0 0 -1.33333 84.752 33.054)"><path d="M0 0h-9.534a2.65 2.65 0 0 1-2.649-2.648v-59.325a2.65 2.65 0 0 1 2.649-2.649H0a2.65 2.65 0 0 1 2.648 2.649v59.325A2.65 2.65 0 0 1 0 0"/></g><g clip-path="url(#SVGMtSbieRw)" transform="matrix(1.33333 0 0 -1.33333 54.03 99.44)"><path d="M0 0h-25.69v47.142a2.65 2.65 0 0 1-2.648 2.648h-9.535a2.65 2.65 0 0 1-2.648-2.648v-59.325a2.65 2.65 0 0 1 2.648-2.649H0a2.65 2.65 0 0 1 2.648 2.649v9.535A2.65 2.65 0 0 1 0 0"/></g><g clip-path="url(#SVGtFzTQbJX)" transform="matrix(1.33333 0 0 -1.33333 242.951 52.829)"><path d="M0 0a2.65 2.65 0 0 1 2.648 2.648v9.535A2.65 2.65 0 0 1 0 14.831h-37.873a2.65 2.65 0 0 1-2.648-2.648v-59.325a2.65 2.65 0 0 1 2.648-2.649H0a2.65 2.65 0 0 1 2.648 2.649v9.535A2.65 2.65 0 0 1 0-34.959h-25.69v10.064H0a2.65 2.65 0 0 1 2.648 2.648v9.535A2.65 2.65 0 0 1 0-10.064h-25.69V0z"/></g><g clip-path="url(#SVGyZK6o2vw)" transform="matrix(1.33333 0 0 -1.33333 171.973 33.054)"><path d="M0 0h-9.534a2.65 2.65 0 0 1-2.649-2.648v-34.327L-37.134-1.3C-37.841-.288-38.896 0-40.067 0c-.148.025-.299 0-.454 0h-9.534a2.65 2.65 0 0 1-2.648-2.648v-59.325a2.65 2.65 0 0 1 2.648-2.649h9.534a2.65 2.65 0 0 1 2.649 2.649v35.852l26.014-37.195q.141-.2.305-.369a2.66 2.66 0 0 1 1.832-.937H0a2.65 2.65 0 0 1 2.648 2.649v59.325A2.65 2.65 0 0 1 0 0"/></g><g clip-path="url(#SVGEclc7dJL)" transform="matrix(1.33333 0 0 -1.33333 513.559 152.249)"><path fill="#08bf5b" d="M0 0h-168.792a6.62 6.62 0 0 0-6.62 6.62v100.944a6.62 6.62 0 0 0 6.62 6.619H0a6.62 6.62 0 0 0 6.62-6.619V6.62A6.62 6.62 0 0 0 0 0"/></g><g clip-path="url(#SVGeDpUecPa)" transform="matrix(1.33333 0 0 -1.33333 351.094 59.374)"><path fill="#fff" d="M0 0c0 3.847-2.715 6.788-6.411 6.788h-7.919V-6.788h7.919C-2.715-6.788 0-3.847 0 0m12.067 0c0-10.031-8.07-18.101-18.478-18.101h-7.919v-14.816c0-.981-.795-1.776-1.776-1.776h-8.514c-.982 0-1.777.795-1.777 1.776v49.241c0 .982.795 1.777 1.777 1.777h18.209c10.408 0 18.478-8.07 18.478-18.101"/></g><g clip-path="url(#SVGFNS5deey)" transform="matrix(1.33333 0 0 -1.33333 411.843 80.493)"><path fill="#fff" d="M0 0c0 5.656-3.771 9.201-8.975 9.201S-17.95 5.656-17.95 0s3.771-9.201 8.975-9.201S0-5.657 0 0m11.313 17.92v-35.84a.934.934 0 0 0-.935-.935H.935A.935.935 0 0 0 0-17.92v2.609c-2.489-2.865-6.185-4.6-11.237-4.6c-9.881 0-18.026 8.673-18.026 19.911s8.145 19.911 18.026 19.911c5.052 0 8.748-1.735 11.237-4.601v2.61c0 .517.419.935.935.935h9.443a.934.934 0 0 0 .935-.935"/></g><g clip-path="url(#SVGX17ocb2Y)" transform="matrix(1.33333 0 0 -1.33333 477.123 56.664)"><path fill="#fff" d="m0 0l-8.682-21.87L-17.659.017a1.56 1.56 0 0 1-1.442.966h-9.628a.935.935 0 0 1-.865-1.29l14.978-36.513l-5.459-13.75a.936.936 0 0 1 .869-1.281h9.633a1.56 1.56 0 0 1 1.448.984L11.95-.296a.935.935 0 0 1-.869 1.279H1.449A1.56 1.56 0 0 1 0 0"/></g></svg>

كيفية استخدام أيقونة Line Pay

React

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

<Icon icon="thesvg-color:line-pay" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:line-pay" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:line-pay" width="24" />

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="thesvg-color:line-pay"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/line-pay.svg" alt="أيقونة Line Pay" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Line Pay

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

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

كيف أستخدم أيقونة Line Pay في React؟

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

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

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

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