ICONYZ
العربية
أيقونة Programming Duo من Stickies color icons

أيقونة Programming Duo

streamline-stickies-color:programming-duo

أيقونة Programming Duo (streamline-stickies-color:programming-duo) أيقونة SVG مجانية من مجموعة Stickies color icons من تصميم Streamline. مرسومة على شبكة 40 × 40. تُنشر Stickies color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
Stickies color icons
المؤلف
Streamline
الترخيص
CC-BY-4.0
الحجم
40 × 40
الفئة
الإنترنت والمواقع
الوسوم
programmingduo
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="40" height="40" viewBox="0 0 40 40"><g fill="none" stroke="#00034a" stroke-miterlimit="10"><path fill="#00034a" d="M32.923 19.708a53 53 0 0 1-2.055-2.114a37 37 0 0 1-3.945-4.889a2.02 2.02 0 0 1 .487-2.542c.546-.594 1.373-1.217 2.347-.516a36 36 0 0 1 3.338 3.01a36 36 0 0 1 2.025 2.1a51 51 0 0 1 3.536 4.236a2.103 2.103 0 0 1 0 3.097a54 54 0 0 1-3.536 4.237a36 36 0 0 1-4.51 4.266c-1.34.991-3.638-1.159-3.905-2.552a2.02 2.02 0 0 1 .218-1.36a37.6 37.6 0 0 1 3.945-4.87a60 60 0 0 1 2.055-2.103ZM23.086 9.033a2.27 2.27 0 0 0-3.01 1.228a69 69 0 0 0-3.272 8.833a68 68 0 0 0-2.318 9.136a2.27 2.27 0 0 0 .941 2.38c.52.352 1.3.781 1.922.904a2.26 2.26 0 0 0 3-1.217a67 67 0 0 0 3.282-8.834a68 68 0 0 0 2.318-9.145a2.27 2.27 0 0 0-.941-2.38c-.52-.352-1.3-.781-1.922-.905Zm-13.908.633a36 36 0 0 0-4.51 4.266a51 51 0 0 0-3.486 4.227a2.104 2.104 0 0 0 0 3.097a54 54 0 0 0 3.535 4.237a36 36 0 0 0 3.915 3.766q.776.69 1.59 1.334c.974.691 1.802.068 2.348-.526a2.016 2.016 0 0 0 .487-2.542a37.6 37.6 0 0 0-3.945-4.86a60 60 0 0 0-2.055-2.104q1.057-1.028 2.055-2.113a37 37 0 0 0 3.896-4.87a2.02 2.02 0 0 0-.487-2.542c-.784-.854-2.176-2.245-3.343-1.37Z"/><path fill="#9bff00" d="M24.858 11.76a2.266 2.266 0 0 0-1.772-2.727a2.27 2.27 0 0 0-3.01 1.228a69 69 0 0 0-3.272 8.833a68 68 0 0 0-2.318 9.136a2.266 2.266 0 0 0 1.772 2.727a2.26 2.26 0 0 0 3-1.218a67 67 0 0 0 3.282-8.833a68 68 0 0 0 2.318-9.146ZM8.116 21.811a60 60 0 0 0-2.055-2.103q1.057-1.028 2.055-2.114a37 37 0 0 0 3.896-4.87a2.015 2.015 0 0 0-.487-2.542c-.545-.594-1.412-1.217-2.347-.516a36 36 0 0 0-4.51 4.266a51 51 0 0 0-3.486 4.227a2.105 2.105 0 0 0 0 3.097a54 54 0 0 0 3.535 4.237a36 36 0 0 0 4.51 4.246c.973.692 1.801.069 2.347-.526a2.016 2.016 0 0 0 .487-2.542a37.6 37.6 0 0 0-3.945-4.86Zm22.752-4.217a53 53 0 0 0 2.055 2.114a60 60 0 0 0-2.055 2.104a37.6 37.6 0 0 0-3.945 4.87a2.016 2.016 0 0 0 .487 2.541c.546.594 1.412 1.218 2.347.526a36 36 0 0 0 4.51-4.266a54 54 0 0 0 3.535-4.236a2.104 2.104 0 0 0 0-3.098a51 51 0 0 0-3.535-4.236a36 36 0 0 0-4.51-4.266c-.974-.701-1.802-.078-2.347.516a2.016 2.016 0 0 0-.487 2.542a37 37 0 0 0 3.945 4.889Z"/></g></svg>

كيفية استخدام أيقونة Programming Duo

React

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

<Icon icon="streamline-stickies-color:programming-duo" width="24" />

Vue

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

<template>
  <Icon icon="streamline-stickies-color:programming-duo" width="24" />
</template>

Svelte

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

<Icon icon="streamline-stickies-color:programming-duo" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-stickies-color--programming-duo]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-stickies-color -->
<div class="i-streamline-stickies-color:programming-duo"></div>

مكوّن ويب

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

<iconify-icon icon="streamline-stickies-color:programming-duo"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/streamline-stickies-color/programming-duo.svg" alt="أيقونة Programming Duo" width="24" height="24">

أيقونات ذات صلة في Stickies color icons

الأسئلة الشائعة حول أيقونة Programming Duo

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

نعم. تُنشر Stickies color icons بموجب ترخيص CC BY 4.0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية بشرط نسب العمل إلى مؤلفه.

كيف أستخدم أيقونة Programming Duo في React؟

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

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

اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/streamline-stickies-color/programming-duo.svg" alt="أيقونة Programming Duo">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.

تصفح كل Stickies color icons →