أيقونة Chromatic
logos:chromatic
أيقونة Chromatic (logos:chromatic) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 101. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 512 × 101
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="101" viewBox="0 0 512 101"><path fill="#333" d="M392.073 34.317c9.9 0 17.35 5.45 17.35 17.317v23.728h-9.9l.292-5.74c-2.945 4.305-6.863 6.6-12.94 6.6c-8.136 0-14.806-3.73-14.806-12.723c0-8.33 6.865-11.959 16.179-12.057h11.276c0-6.412-2.942-9.09-8.234-9.09c-4.261 0-7.098 1.438-9.22 3.266l-7.151-4.029l-.1-.1c.063-.07.124-.146.186-.212c3.608-4.092 8.485-6.96 17.068-6.96m7.45 26.976v-3.157h-10.588c-4.314 0-7.158 1.533-7.158 5.076c0 3.442 2.746 5.258 7.843 5.258c5.786 0 9.904-2.775 9.904-7.177M504.075 63L512 67.466c-3.898 5.294-10.248 8.756-17.438 8.756c-11.857 0-21.464-9.383-21.464-20.955c0-11.57 9.607-20.951 21.464-20.951c7.18 0 13.51 3.448 17.413 8.723l-7.927 4.47a12.5 12.5 0 0 0-9.486-4.327c-6.827 0-12.38 5.421-12.38 12.084s5.553 12.086 12.38 12.086A12.48 12.48 0 0 0 504.074 63m-347.782 0l7.926 4.467c-3.898 5.294-10.248 8.756-17.438 8.756c-11.857 0-21.465-9.383-21.465-20.955c0-11.57 9.607-20.951 21.465-20.951c7.18 0 13.51 3.448 17.413 8.723l-7.927 4.47a12.5 12.5 0 0 0-9.486-4.327c-6.826 0-12.38 5.421-12.38 12.084s5.554 12.086 12.38 12.086A12.47 12.47 0 0 0 156.292 63m144.943-27.82h9.901l-.196 6.889c2.748-5.07 6.962-7.75 12.257-7.75c5.978 0 9.904 2.77 12.06 7.652c3.233-4.783 8.135-7.653 14.114-7.653c9.705 0 15.487 6.316 15.487 16.55v24.494h-9.898V51.825c0-5.55-2.062-8.612-7.746-8.612c-5.78 0-9.215 3.446-9.215 10.145v22.004H328.1V51.825c0-5.55-1.964-8.612-7.65-8.612c-5.884 0-9.314 3.446-9.314 10.145v22.004h-9.9V35.179zM171.377 11.935h9.898v30.322c2.65-4.973 7.553-7.94 13.733-7.94c9.11 0 15.388 6.316 15.388 17.224v23.82h-9.906V52.306c0-5.742-2.741-9.092-8.53-9.092c-6.468 0-10.685 3.829-10.685 10.336v21.81h-9.898zm100.532 22.382c11.862 0 21.468 9.38 21.468 20.952c0 11.57-9.606 20.955-21.468 20.955c-11.854 0-21.466-9.384-21.466-20.955s9.612-20.952 21.466-20.952m0 8.868c-6.823 0-12.38 5.42-12.38 12.084c0 6.662 5.557 12.086 12.38 12.086c6.835 0 12.39-5.424 12.39-12.086c0-6.665-5.555-12.086-12.39-12.084m-51.671-8.006h9.905l-.101 7.556c2.75-6.314 7.453-8.324 11.963-8.324c2.11 0 3.772.347 5.186.931c.557.227 1.722.774 2.856 1.602c0 0-1.373 1.666-2.58 3.693c-1.212 2.028-2.03 4.203-2.03 4.203c-1.569-.764-3.14-1.341-5.391-1.341c-5.883 0-9.903 3.348-9.903 12.345v19.518h-9.905zm234.227 40.243V35.179h10.016v40.243zm-1.57-55.86c0-3.64 3.043-6.325 6.577-6.325c3.536 0 6.58 2.685 6.58 6.325c0 3.831-3.044 6.419-6.58 6.419s-6.576-2.587-6.576-6.419m-29.519 42.256V43.323h-6.186V35.18h6.186V11.935h9.917V35.18h10.996v8.143h-10.996v18.684c0 4.6 1.572 5.943 4.123 5.943c2.359 0 3.83-1.056 4.909-1.918l4.714 6.516c-2.064 1.918-5.304 3.834-10.606 3.834c-7.754 0-13.058-3.833-13.057-14.564"/><circle cx="50.126" cy="50.126" r="50.126" fill="#fc521f"/><path fill="#fff" d="m61.905 73.179l-7.965-4.597L77.903 54.76a18 18 0 0 0 2.59-1.816c3.115 4.435 3.42 10.274.644 15.084a14.14 14.14 0 0 1-12.21 7.035c-2.454 0-4.88-.65-7.022-1.885zm-1.919 3.32a18 18 0 0 0 2.87 1.337c-2.287 4.91-7.195 8.094-12.754 8.094c-7.76 0-14.077-6.31-14.077-14.065V44.219l12.158 7.017v17.347c0 .685.366 1.318.96 1.66zm-28.673-1.438a14.13 14.13 0 0 1-12.203-7.03a13.96 13.96 0 0 1-1.404-10.674a13.97 13.97 0 0 1 6.559-8.543l7.962-4.595l.002 27.641q-.001 1.592.275 3.155a15 15 0 0 1-1.19.046M62.3 40.898L50.145 47.91l-15.038-8.673a1.92 1.92 0 0 0-1.918 0l-10.844 6.255a17.7 17.7 0 0 0-2.592 1.815c-3.112-4.434-3.417-10.275-.643-15.084a14.14 14.14 0 0 1 12.208-7.037c2.453 0 4.881.654 7.022 1.888zM50.102 14.322c7.764 0 14.077 6.31 14.077 14.068v9.19L40.224 23.76a18 18 0 0 0-2.874-1.34c2.286-4.913 7.196-8.098 12.752-8.098m31.034 17.905c3.879 6.718 1.568 15.338-5.155 19.216l-23.959 13.82V51.239l15.037-8.675c.594-.343.96-.975.96-1.66V28.39c0-1.056-.095-2.109-.276-3.146a14.13 14.13 0 0 1 13.393 6.983"/></svg>كيفية استخدام أيقونة Chromatic
React
import { Icon } from "@iconify/react";
<Icon icon="logos:chromatic" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:chromatic" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:chromatic" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--chromatic]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:chromatic"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:chromatic"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/logos/chromatic.svg" alt="أيقونة Chromatic" width="24" height="24">أيقونات ذات صلة في SVG Logos
أيقونة Chromatic في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Chromatic
هل أيقونة Chromatic مجانية للاستخدام التجاري؟
نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Chromatic في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:chromatic" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Chromatic إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/chromatic.svg" alt="أيقونة Chromatic">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.