أيقونة Discordjs Light

skill-icons:discordjs-light

أيقونة Discordjs Light (skill-icons:discordjs-light) أيقونة SVG مجانية من مجموعة Skill Icons من تصميم tandpfun. مرسومة على شبكة 256 × 256. تُنشر Skill Icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة: Skill Icons
المؤلف: tandpfun
الترخيص: MIT
الحجم: 256 × 256
الوسوم: discordjslight، discordj

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><g clip-path="url(#SVGv3WPqdcU)"><path fill="#f4f2ed" d="M196 0H60C26.863 0 0 26.863 0 60v136c0 33.137 26.863 60 60 60h136c33.137 0 60-26.863 60-60V60c0-33.137-26.863-60-60-60"/><g clip-path="url(#SVGvjfd0dWp)"><path fill="#b75cff" d="M87.134 157.687c-1.33.567-3.192 1.333-4.692 1.806c-3.178 1.001-5.728 1.406-8.34 1.803c3.14 10.073 15.448 19.964 29.801 19.03c13.529 0 22.896-6.669 27.88-16.343c-14.133-.2-34.72 5.684-44.649-6.296m129.143 1.661c-4.941.589-8.471-.405-16.568 2.194c-19.602 8.073-39.001 1.226-45.177-.113c-2.028-.211-2.958-3.178-7.119 1.731l-2.029 2.392c9.58 9.427 22.711 14.836 36.309 14.836c18.31 0 30.689-8.842 34.802-20.853z"/><path fill="#5c6cff" d="M217.316 143.618c-10.766-7.477-12.919-2.072-18.317 3.764c.499 1.277.769 2.728.769 4.416c0 7.88-6.334 12.981-17.612 12.981c-9.426 0-19.159-4.635-26.419-11.434l-8.325 9.815c11.272.507 22.683 3.418 34.096 2.968c12.49-.495 28.99-4.45 34.769-6.779l.22.186c1-2.938 1.508-6.022 1.503-9.127c0-2.456-.239-4.71-.684-6.79m-81.317.163c-6.101-4.653-11.948-3.069-17.555 3.506v1.125c0 8.908-7.198 16.129-16.077 16.129a16.05 16.05 0 0 1-13.623-7.551s-.701.309-1.61.696c4.202 5.296 9.366 8.034 19.613 8.442c8.346.33 16.692-1.132 25.039-2.145c2.788-5.408 4.213-11.753 4.213-18.406z"/><path fill="#5cff9d" d="M135.999 124.678c-5.698-5.013-11.499-6.024-17.554 1.626v20.983c5.871-1.367 11.728-2.756 17.554-3.506zm67.937 1.525c-8.764-3.836-35.004.001-39.643 1.759a47 47 0 0 0 5.966 2.973l13.752 6.027c7.395 3.083 13.015 5.382 14.988 10.42c5.677-.824 10.572-1.954 13.83-2.704l4.486-1.06c-1.72-8.031-6.594-13.423-13.379-17.415"/><path fill="#ffdb5c" d="M149.888 105.331c.462 11.143 6.913 18.189 14.438 22.645c5.743 1.133 11.486 2.116 17.23 2.116c8.017 0 16.025-1.909 22.387-3.886a54 54 0 0 0-6.336-3.15l-13.596-5.718c-6.716-2.737-13.029-5.175-15.237-10.132c-13.548-6.88-4.46-11.22-18.883-1.873zm-13.889 1.35c-5.153-3.555-10.966-2.49-17.556 3.219l.002 16.415c5.85-.586 11.702-1.365 17.554-1.637z"/><path fill="#f79454" d="M155.939 87.327c-3.867 4.648-6.075 10.395-6.075 16.72q0 .65.027 1.283c6.264-.062 12.565.633 18.883 1.877a9.9 9.9 0 0 1-.831-4.086c0-7.418 6.179-11.9 15.76-11.9c8.65 0 15.604 3.246 21.937 8.653l6.727-8.293c-19.656-6.075-37.224-9.896-56.425-4.255zm-19.94 3.971c-7.251-6.367-12.817-1.67-17.556 7.214V109.9c5.853-.907 11.703-2.232 17.556-3.22z"/><path fill="#ff5c5c" d="M118.443 75.614v22.9c5.853-1.976 11.703-4.898 17.556-7.217V75.614zm65.257 0c-11.895 0-21.798 4.55-27.759 11.709c8.484.032 17.024 1.746 25.565 2.766c12.219 1.46 24.396 1.49 30.858 1.49l2.548-3.14c-7.881-7.882-19.315-12.825-31.212-12.825"/><path fill="#5865f2" d="M38 75.614v77.347h29.282c7.676 0 13.554-1.217 19.013-3.97c-.01-.19-.01-.384-.01-.577c0-8.908 7.2-16.126 16.082-16.126q.394-.001.783.019c2.786-5.671 3.91-11.295 3.91-18.683c0-7.623-1.435-14.258-4.309-20.001c-2.983-5.635-7.293-10.055-13.036-13.261c-5.749-3.202-12.708-4.748-20.997-4.748zm18.563 16.573h11.16c6.522 0 11.493 1.88 14.809 5.747c3.314 3.866 4.97 9.169 4.97 16.02c0 6.961-1.77 12.378-5.194 16.355c-3.424 4.088-8.508 6.076-15.25 6.076H56.565zm45.85 46.069a10.16 10.16 0 0 0-9.575 6.223a10.16 10.16 0 0 0 2.257 11.194a10.17 10.17 0 0 0 7.318 2.902a10.166 10.166 0 0 0 9.993-10.161a10.16 10.16 0 0 0-9.993-10.158"/></g></g><defs><clipPath id="SVGv3WPqdcU"><path fill="#fff" d="M0 0h256v256H0z"/></clipPath><clipPath id="SVGvjfd0dWp"><path fill="#fff" d="M38 38h180v180H38z"/></clipPath></defs></g></svg>

كيفية استخدام أيقونة Discordjs Light

React

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

<Icon icon="skill-icons:discordjs-light" width="24" />

Vue

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

<template>
  <Icon icon="skill-icons:discordjs-light" width="24" />
</template>

Svelte

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

<Icon icon="skill-icons:discordjs-light" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[skill-icons--discordjs-light]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/skill-icons -->
<div class="i-skill-icons:discordjs-light"></div>

مكوّن ويب

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

<iconify-icon icon="skill-icons:discordjs-light"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/skill-icons/discordjs-light.svg" alt="أيقونة Discordjs Light" width="24" height="24">

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

الأسئلة الشائعة حول أيقونة Discordjs Light

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

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

كيف أستخدم أيقونة Discordjs Light في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/skill-icons/discordjs-light.svg" alt="أيقونة Discordjs Light">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Skill Icons →