أيقونة Rolldown Dark
logos:rolldown-dark
أيقونة Rolldown Dark (logos:rolldown-dark) أيقونة SVG مجانية من مجموعة SVG Logos من تصميم Gil Barbara. مرسومة على شبكة 512 × 43. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- SVG Logos
- المؤلف
- Gil Barbara
- الترخيص
- CC0-1.0
- الحجم
- 512 × 43
- الوسوم
- rolldowndark
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="43" viewBox="0 0 512 43"><path fill="#fff" d="M78.817-.016c17.706 0 27.006 7.441 27.006 21.725c0 14.283-9.3 21.724-27.006 21.724c-17.703 0-26.947-7.441-26.947-21.724S61.114-.016 78.817-.016m203.804 0c17.703 0 27.009 7.441 27.009 21.725c0 14.283-9.306 21.724-27.009 21.724s-26.947-7.441-26.947-21.724S264.918-.016 282.621-.016M32.827.704c9.604 0 15.065 4.981 15.065 13.744c0 5.039-2.402 8.76-6.122 10.919l6.302 17.343H32.768l-4.381-13.622H14.404V42.71H0V.704zm92.92 31.509h25.147V42.71h-39.548V.704h14.401zm44.929 0h25.144V42.71h-39.548V.704h14.404zM228.011.704c14.581 0 22.922 6.6 22.922 21.005c0 14.401-8.403 21.001-22.984 21.001h-26.345V.704zm103.197 28.865l6.122-21.365h16.142l6.483 22.206L365.056.704H379.1l-8.642 42.006h-18.186l-6.961-23.763l-6.783 23.763h-18.242L311.644.704h14.283zM401.982.704l17.346 27.307h.121V.704h13.681V42.71h-17.28l-17.467-27.425h-.177V42.71h-13.623V.704zM78.817 10.305c-8.341 0-12.241 3.6-12.241 11.404c0 7.801 3.9 11.341 12.241 11.341c8.344 0 12.245-3.481 12.245-11.341c0-7.863-3.901-11.404-12.245-11.404m203.804 0c-8.341 0-12.242 3.6-12.242 11.404c0 7.801 3.901 11.341 12.242 11.341s12.245-3.481 12.245-11.341c0-7.863-3.904-11.404-12.245-11.404M216.005 32.51h9.961c6.842 0 10.206-2.941 10.206-10.801c0-7.863-3.364-10.805-10.206-10.805h-9.961zM14.404 19.186h14.342c2.939 0 4.382-1.561 4.382-4.319c0-2.762-1.443-4.261-4.382-4.261H14.404z"/><path fill="#f50" d="M493.106.701c.887 0 1.374 1.037.803 1.722l-9.697 11.64c-1.141 1.365-.167 3.444 1.614 3.444h9.384c.887 0 1.374 1.04.803 1.722l-18.767 22.522a1.05 1.05 0 0 1-1.613 0l-18.768-22.522c-.567-.682-.083-1.722.807-1.722h9.378c1.781 0 2.755-2.079 1.616-3.444l-9.697-11.64c-.571-.685-.083-1.722.804-1.722z"/><mask id="SVGboDTmdAz" width="15" height="15" x="157" y="0" maskUnits="userSpaceOnUse" style="mask-type:alpha"><path d="M170.233.248c.307 0 .475.358.278.594l-3.348 4.018a.725.725 0 0 0 .557 1.19h3.239c.307 0 .475.359.278.595l-6.479 7.775a.362.362 0 0 1-.557 0l-6.479-7.775a.363.363 0 0 1 .279-.595h3.237a.726.726 0 0 0 .558-1.19L158.448.842a.362.362 0 0 1 .278-.594z"/></mask><g mask="url(#SVGboDTmdAz)" transform="translate(0 -.017)scale(2.89665)"><g filter="url(#SVGqbs30cLI)"><ellipse cx="1.73" cy="7.56" fill="#ffe7e5" rx="1.73" ry="7.56" transform="rotate(30.253 98.293 324.258)scale(-1 1)"/></g><g filter="url(#SVGDnQAWdQe)"><ellipse cx="1.73" cy="7.56" fill="#ffe7e5" rx="1.73" ry="7.56" transform="rotate(30.253 84.484 327.26)scale(-1 1)"/></g><g filter="url(#SVG7sjEHb6F)"><ellipse cx="157.853" cy=".464" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(-36.093 157.853 .464)"/></g><g filter="url(#SVGp2Q6qcaW)"><ellipse cx="159.695" cy="10.934" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(-36.093 159.695 10.934)"/></g><g filter="url(#SVGL3LIobkA)"><ellipse cx="1.192" cy="6.999" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(36.093 94.989 268.152)scale(-1 1)"/></g><g filter="url(#SVGTg3MFd6c)"><ellipse cx="1.192" cy="6.999" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(36.093 77.817 269.997)scale(-1 1)"/></g><g filter="url(#SVGBMx5xbgU)"><ellipse cx="1.192" cy="6.999" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(36.093 94.437 266.458)scale(-1 1)"/></g><g filter="url(#SVGIx0vCbap)"><ellipse cx="1.192" cy="6.999" fill="#ff19af" rx="1.192" ry="6.999" transform="rotate(-143.907 87.6 -25.234)scale(1 -1)"/></g><g filter="url(#SVGci62OeUs)"><ellipse cx="158.534" cy=".97" fill="#d14b2a" rx="1.73" ry="7.56" transform="rotate(-40.91 158.534 .97)"/></g><g filter="url(#SVGNITUyfid)"><ellipse cx="159.711" cy="9.138" fill="#d14b2a" rx="1.73" ry="7.56" transform="rotate(-35.888 159.711 9.138)"/></g></g><path fill="#fff" d="M447.457-.016c-8.543 12.226-8.592 31.18 0 43.449h5.769c-8.586-12.269-8.537-31.223 0-43.449zm57.968 0h-5.772c8.54 12.226 8.589 31.18 0 43.449h5.772c8.589-12.269 8.539-31.223 0-43.449"/><defs><filter id="SVGqbs30cLI" width="12.605" height="17.598" x="165.149" y="-8.501" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGDnQAWdQe" width="12.605" height="17.598" x="164.781" y="-1.135" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVG7sjEHb6F" width="12.89" height="15.819" x="151.408" y="-7.446" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGp2Q6qcaW" width="12.89" height="15.819" x="153.25" y="3.024" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGL3LIobkA" width="12.89" height="15.819" x="164.668" y="-7.446" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGTg3MFd6c" width="12.89" height="15.819" x="162.459" y="3.024" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGBMx5xbgU" width="12.89" height="15.819" x="163.564" y="-7.446" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGIx0vCbap" width="12.89" height="15.819" x="161.722" y="3.024" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGci62OeUs" width="14.664" height="16.072" x="151.202" y="-7.066" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter><filter id="SVGNITUyfid" width="13.72" height="16.839" x="152.852" y=".718" color-interpolation-filters="sRGB" filterUnits="userSpaceOnUse"><feFlood flood-opacity="0" result="BackgroundImageFix"/><feBlend in="SourceGraphic" in2="BackgroundImageFix" result="shape"/><feGaussianBlur result="effect1_foregroundBlur_242_20995" stdDeviation="1.105"/></filter></defs></svg>كيفية استخدام أيقونة Rolldown Dark
React
import { Icon } from "@iconify/react";
<Icon icon="logos:rolldown-dark" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:rolldown-dark" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:rolldown-dark" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--rolldown-dark]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:rolldown-dark"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:rolldown-dark"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/logos/rolldown-dark.svg" alt="أيقونة Rolldown Dark" width="24" height="24">أيقونات ذات صلة في SVG Logos
الأسئلة الشائعة حول أيقونة Rolldown Dark
هل أيقونة Rolldown Dark مجانية للاستخدام التجاري؟
نعم. تُنشر SVG Logos icons بموجب ترخيص CC0، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Rolldown Dark في React؟
ثبّت @iconify/react واعرض <Icon icon="logos:rolldown-dark" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Rolldown Dark إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/logos/rolldown-dark.svg" alt="أيقونة Rolldown Dark">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.