أيقونة Coredns Light
thesvg-color:coredns-light
أيقونة Coredns Light (thesvg-color:coredns-light) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 440 × 393. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- theSVG Color
- المؤلف
- thesvg.org
- الترخيص
- MIT
- الحجم
- 440 × 393
- الوسوم
- corednslight، coredn
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="440" height="393" viewBox="0 0 440 393"><linearGradient id="SVGIXEB3bFT" x1="1387.905" x2="1691.089" y1="-3449.15" y2="-3449.15" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#623393"/><stop offset=".574" stop-color="#452b7c"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVGIXEB3bFT)" d="M246.8 138.9c5.6 0 11.2 2.1 15.4 6.4l12.6 12.6l-12.6-12.6c-4.2-4.3-9.8-6.4-15.4-6.4"/><linearGradient id="SVG8ov9odQd" x1="1387.905" x2="1691.089" y1="-3506.712" y2="-3506.712" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#754fa0"/><stop offset=".181" stop-color="#6e4a99"/><stop offset=".457" stop-color="#5c3f8b"/><stop offset=".791" stop-color="#413079"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVG8ov9odQd)" d="M123.6 154.1c14-14 36.8-14 50.8 0l10.6 10.6l32.9-32.9c15.9-15.9 41.9-15.9 57.8 0l12.6 12.6l31.6-31.6L251 43.9c-19.8-19.8-52.3-19.8-72.2 0L36.7 186.2C19.8 203 17.4 229 29.2 248.6l.4-.4z"/><linearGradient id="SVGx7bndb1i" x1="1387.905" x2="1691.088" y1="-3362.654" y2="-3362.654" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#754fa0"/><stop offset=".181" stop-color="#6e4a99"/><stop offset=".457" stop-color="#5c3f8b"/><stop offset=".791" stop-color="#413079"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVGx7bndb1i)" d="M309.3 277.9c-14 14-36.8 14-50.8 0L246 265.3l-41.5 41.5c-15.9 15.9-41.9 15.9-57.8 0L136 296.1l-30.8 30.8l63.3 63.3c19.8 19.8 52.3 19.8 72.2 0L383 248c14.8-14.8 18.6-36.7 11.3-55l-4.6 4.6z"/><path fill="#fff" d="M191 293.3c-2.1 2.1-4.6 3.7-7.2 4.8s-5.4 1.6-8.2 1.6c-5.6 0-11.2-2.1-15.4-6.4l-10.7-10.7l-12.3-12.3c-4.3-4.3-6.4-9.8-6.4-15.4c0-2.8.5-5.6 1.6-8.2s2.7-5.1 4.8-7.2l61.3-61.3l32.9-32.9c3.2-3.2 7.1-5.2 11.3-6c1.4-.3 2.8-.4 4.2-.4c5.6 0 11.2 2.1 15.4 6.4l12.6 12.6l13.5-13.5l-12.6-12.6c-15.9-15.9-41.9-15.9-57.8 0l-33 32.9l-61.3 61.3c-3 3-5.4 6.3-7.3 9.9c-.6 1.2-1.2 2.4-1.7 3.6c-4.5 11.1-3.9 23.7 1.7 34.4c1.9 3.6 4.3 6.9 7.3 9.9l12.3 12.3l10.7 10.7c15.9 15.9 41.9 15.9 57.8 0l41.5-41.5l-13.5-13.5z"/><path fill="#2c256c" d="m389.6 197.6l4.6-4.6c-1.7-4.2-4-8.2-6.8-12c1 5.5 1.7 11 2.2 16.6"/><path fill="#5b2d82" d="m29.6 248.1l-.4.4c.3.5.5 1 .8 1.4c-.1-.5-.3-1.1-.4-1.8"/><linearGradient id="SVGFZwENbzR" x1="1387.905" x2="1691.089" y1="-3434.108" y2="-3434.108" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#623393"/><stop offset=".574" stop-color="#452b7c"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVGFZwENbzR)" d="m232.1 200.7l42.8-42.8l-12.6-12.6c-4.3-4.3-9.8-6.4-15.4-6.4c-1.4 0-2.8.1-4.2.4c-4.1.8-8.1 2.8-11.3 6l-32.9 32.9l2.3 2.3c14 14 14 36.8 0 50.8l-51.4 51.4l10.7 10.7c4.3 4.3 9.8 6.4 15.4 6.4c2.8 0 5.6-.5 8.2-1.6s5.1-2.7 7.2-4.8l41.5-41.5l-.4-.4c-13.9-14-13.9-36.8.1-50.8"/><linearGradient id="SVGQnpRUdkp" x1="1359.162" x2="1723.274" y1="-3434.108" y2="-3434.108" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#754fa0"/><stop offset=".181" stop-color="#6e4a99"/><stop offset=".457" stop-color="#5c3f8b"/><stop offset=".791" stop-color="#413079"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVGQnpRUdkp)" d="m232.1 200.7l42.8-42.8l-12.6-12.6c-4.3-4.3-9.8-6.4-15.4-6.4c-1.4 0-2.8.1-4.2.4c-4.1.8-8.1 2.8-11.3 6l-32.9 32.9l2.3 2.3c14 14 14 36.8 0 50.8l-51.4 51.4l10.7 10.7c4.3 4.3 9.8 6.4 15.4 6.4c2.8 0 5.6-.5 8.2-1.6s5.1-2.7 7.2-4.8l41.5-41.5l-.4-.4c-13.9-14-13.9-36.8.1-50.8"/><path fill="#fff" d="M191 293.3c-2.1 2.1-4.6 3.7-7.2 4.8c2.6-1 5.1-2.6 7.2-4.8"/><linearGradient id="SVGBplP0dQD" x1="1359.162" x2="1723.274" y1="-3396.875" y2="-3396.875" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#623393"/><stop offset=".574" stop-color="#452b7c"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVGBplP0dQD)" d="M191 293.3c-2.1 2.1-4.6 3.7-7.2 4.8c2.6-1 5.1-2.6 7.2-4.8"/><path fill="#fff" d="m149.5 282.7l10.7 10.7c4.3 4.3 9.8 6.4 15.4 6.4c-5.6 0-11.2-2.1-15.4-6.4z"/><linearGradient id="SVGZ1izvVOB" x1="1359.162" x2="1723.274" y1="-3417.679" y2="-3417.679" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#623393"/><stop offset=".574" stop-color="#452b7c"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVGZ1izvVOB)" d="m149.5 282.7l10.7 10.7c4.3 4.3 9.8 6.4 15.4 6.4c-5.6 0-11.2-2.1-15.4-6.4z"/><path fill="#fff" d="M231.4 145.3c3.2-3.2 7.1-5.2 11.3-6c-4.2.8-8.2 2.8-11.3 6"/><linearGradient id="SVGwfa6dbce" x1="1359.162" x2="1723.274" y1="-3470.335" y2="-3470.335" gradientTransform="rotate(-45.001 5285.106 -4.689)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#623393"/><stop offset=".574" stop-color="#452b7c"/><stop offset="1" stop-color="#2c256c"/></linearGradient><path fill="url(#SVGwfa6dbce)" d="M231.4 145.3c3.2-3.2 7.1-5.2 11.3-6c-4.2.8-8.2 2.8-11.3 6"/><path fill="#2c256c" d="M36.7 258.3c-2.6-2.6-4.8-5.4-6.7-8.3c-.3-.5-.6-1-.8-1.4l-13.5 13.5c-14 14-14 36.8 0 50.8L42 339.3c11.3 11.3 28.3 13.5 41.8 6.6c3.2-1.7 6.3-3.8 9-6.6l8.4-8.4l3-3l1-1z"/><path fill="#5b2d82" d="M123.7 283.8c-3-3-5.4-6.3-7.3-9.9c-5.6-10.7-6.2-23.3-1.7-34.4c.5-1.2 1.1-2.4 1.7-3.6c1.9-3.6 4.3-6.9 7.3-9.9l61.3-61.3l-10.6-10.6c-14-14-36.8-14-50.8 0l-94 94c.1.6.3 1.2.4 1.9c1.9 2.9 4.1 5.7 6.7 8.3l68.6 68.6l30.8-30.8z"/><path fill="#5b2d82" d="M114.7 239.5c-4.5 11.1-3.9 23.7 1.7 34.4c-5.6-10.7-6.2-23.3-1.7-34.4m34.8 43.2l51.4-51.4c14-14 14-36.8 0-50.8l-2.3-2.3l-61.3 61.3c-2.1 2.1-3.7 4.6-4.8 7.2s-1.6 5.4-1.6 8.2c0 5.6 2.1 11.2 6.4 15.4z"/><path fill="#5b2d82" d="M137.1 270.3c-4.3-4.3-6.4-9.8-6.4-15.4c.1 5.6 2.2 11.2 6.4 15.4l12.3 12.3zm.1-30.8c-2.1 2.1-3.7 4.6-4.8 7.2c1-2.6 2.6-5.1 4.8-7.2"/><path fill="#2c256c" d="m274.9 157.9l-42.8 42.8c-14 14-14 36.8 0 50.8l.4.4l52.7-52.7c3.2-3.2 5.2-7.1 6-11.3c.3-1.4.4-2.8.4-4.2c0-5.6-2.1-11.2-6.4-15.4z"/><path fill="#2c256c" d="M285.2 199.1c3.2-3.2 5.2-7.1 6-11.3c-.8 4.2-2.8 8.1-6 11.3"/><path fill="#623393" d="M285.2 168.3c4.3 4.3 6.4 9.8 6.4 15.4c0-5.6-2.1-11.2-6.4-15.4l-10.4-10.4zm13.5 44.3c4-4 7-8.6 9-13.5c-2 4.9-5 9.5-9 13.5"/><path fill="#623393" d="M307.7 199.1c.5-1.2.9-2.5 1.3-3.7c4.1-13.9.7-29.6-10.3-40.5l-10.4-10.4l-13.5 13.5l10.4 10.4c4.3 4.3 6.4 9.8 6.4 15.4c0 1.4-.1 2.8-.4 4.2c-.8 4.1-2.8 8.1-6 11.3L232.5 252l13.5 13.5l52.7-52.7c4-4.2 7-8.8 9-13.7M417.3 119l-26.4-26.4c-13.2-13.2-34.1-14-48.2-2.3c-.9.7-1.8 1.5-2.6 2.4l-17 17l-3 3l-.1.1l63 63c1.6 1.6 3.1 3.4 4.4 5.2c2.8 3.7 5.1 7.7 6.8 12l23.1-23.1c14-14.1 14-36.8 0-50.9"/><path fill="#2c256c" d="M298.7 154.8c11 11 14.4 26.6 10.3 40.5c-.4 1.3-.8 2.5-1.3 3.7c-2 4.9-5 9.5-9 13.5L246 265.3l12.5 12.5c14 14 36.8 14 50.8 0l80.3-80.3c-.5-5.6-1.2-11.1-2.2-16.6c-1.4-1.8-2.8-3.5-4.4-5.2l-63-63l-31.6 31.6z"/><path fill="#2c256c" d="M298.7 154.8c11 11 14.4 26.6 10.3 40.5c4.1-13.9.7-29.5-10.3-40.5l-10.4-10.4z"/></svg>كيفية استخدام أيقونة Coredns Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:coredns-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:coredns-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:coredns-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--coredns-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:coredns-light"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:coredns-light"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/coredns-light.svg" alt="أيقونة Coredns Light" width="24" height="24">أيقونات ذات صلة في theSVG Color
أيقونة Coredns Light في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Coredns Light
هل أيقونة Coredns Light مجانية للاستخدام التجاري؟
نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Coredns Light في React؟
ثبّت @iconify/react واعرض <Icon icon="thesvg-color:coredns-light" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Coredns Light إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/coredns-light.svg" alt="أيقونة Coredns Light">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.