أيقونة Runna
thesvg-color:runna
أيقونة Runna (thesvg-color:runna) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 704 × 221. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.
- المجموعة
- theSVG Color
- المؤلف
- thesvg.org
- الترخيص
- MIT
- الحجم
- 704 × 221
شيفرة SVG
<svg xmlns="http://www.w3.org/2000/svg" width="704" height="221" viewBox="0 0 704 221"><mask id="SVGyS5OnbhG" width="704" height="221" x="0" y="0" maskUnits="userSpaceOnUse" style="mask-type:luminance"><path fill="#fff" d="M703.388 0H0v220.702h703.388z"/></mask><g mask="url(#SVGyS5OnbhG)"><path d="M265.15 96.462v70.858c0 30.913-23.751 53.346-59.824 53.346s-58.556-22.438-58.556-52.61V96.462h39.995v67.804c0 12.048 8.001 20.034 18.531 20.034c11.955 0 19.828-7.857 19.828-20.034V96.462zm103.774 121.675v-67.681c0-13.561-10.807-20.033-20.446-20.033s-20.322 6.472-20.322 20.033v67.681H288.16V96.461h36.695l1.267 12.79c8.65-10.91 23.381-15.349 37.715-15.349c22.979 0 45.092 16.09 45.092 45.119v79.085h-39.995v.031zm144.053 0v-67.681c0-13.561-10.812-20.033-20.444-20.033c-9.636 0-20.324 6.472-20.324 20.033v67.681h-39.996V96.461h36.692l1.264 12.79c8.652-10.91 23.384-15.349 37.716-15.349c22.98 0 45.092 16.09 45.092 45.119v79.085h-39.996zm151.684.006l-1.268-12.79c-6.98 8.629-18.808 15.348-35.952 15.348c-32.52 0-56.396-26.876-56.396-63.242s23.876-63.49 56.396-63.49c17.14 0 28.972 6.843 35.952 15.349l1.268-12.79h38.728v121.676h-38.728zm-53.992-60.715c0 16.487 10.808 28.015 26.288 28.015c15.476 0 26.284-11.528 26.284-28.015c0-16.486-10.808-27.891-26.284-28.014c-15.504 0-26.288 11.528-26.288 28.014M119.835 53.81c14.89 0 26.964-12.049 26.964-26.908S134.725 0 119.835 0S92.871 12.048 92.871 26.908c0 14.859 12.074 26.907 26.964 26.907zM89.226 160.718c18.284-10.786 30.857-30.789 30.857-53.104c0-36.366-28.447-61.61-65.663-61.61H.74l27.087 35.104h23.69c15.379 0 25.79 10.509 25.79 26.475c0 9.649-4.201 18.031-11.518 22.686l-17.511-22.686H-.002l83.266 110.395h50.159l-44.197-57.296z"/><path fill-opacity=".6" d="M438.035 44.279q-2.132-1.196-3.196-3.28h-.16v3.676h-4.48V6.307h4.532v14.55h.16c.708-1.385 1.764-2.471 3.172-3.249a9.2 9.2 0 0 1 4.556-1.174q3.414 0 6.024 1.761c1.74 1.174 3.084 2.863 4.024 5.061c.944 2.204 1.412 4.763 1.412 7.677q-.001 4.371-1.412 7.677t-3.968 5.087q-2.556 1.785-6.024 1.786a9.33 9.33 0 0 1-4.64-1.2zm9.216-5.73q2.131-2.826 2.132-7.62q-.001-3.197-.956-5.546c-.64-1.565-1.544-2.76-2.72-3.6c-1.172-.833-2.508-1.25-3.996-1.25s-2.868.401-4.024 1.2q-1.734 1.197-2.964 3.701v11.034c.82 1.673 1.804 2.904 2.964 3.702q1.73 1.199 4.024 1.2c2.276 0 4.12-.942 5.548-2.827zm11.073 15.136v-4.104c.748.32 1.532.48 2.344.48c.956 0 1.788-.268 2.476-.799c.696-.535 1.288-1.37 1.788-2.507l2.824-6.555l.052 3.677l-11.564-26.65h5.12l5.968 14.761q.475 1.281.956 2.585t.908 2.584h.208q.16-.64.536-1.652q.641-1.708 1.336-3.517l5.756-14.761h5.06L469.244 47.66q-1.01 2.4-2.128 3.836c-.748.958-1.592 1.663-2.536 2.106q-1.411.663-3.38.664c-1.068 0-2.024-.196-2.88-.587z"/><path d="M500.695 43.749c-3.34-1.081-6.2-2.657-8.584-4.716l6.772-7.996a20.8 20.8 0 0 0 6.344 3.33a22.5 22.5 0 0 0 6.928 1.093q1.655-.002 2.452-.428q.802-.424.8-1.174v-.108c0-.566-.368-1.02-1.092-1.36c-.732-.339-2.124-.72-4.188-1.147q-5.01-1.011-8.364-2.292q-3.359-1.28-5.464-3.65c-1.408-1.58-2.108-3.614-2.108-6.101v-.108c0-2.415.624-4.583 1.864-6.503q1.868-2.88 5.488-4.531c2.416-1.102 5.316-1.653 8.688-1.653q5.438 0 9.616 1.251c2.792.834 5.284 2.121 7.488 3.867l-6.128 8.526a18.7 18.7 0 0 0-5.568-2.796q-3.014-.933-5.836-.931c-.892 0-1.568.144-2.052.427c-.48.283-.724.659-.724 1.117v.108q0 .803 1.068 1.334c.708.355 2.044.73 3.996 1.117c5.364.958 9.404 2.338 12.124 4.13c2.72 1.796 4.076 4.448 4.076 7.97v.108c0 2.63-.684 4.901-2.052 6.822q-2.057 2.878-5.836 4.397q-3.781 1.52-8.9 1.519c-3.872 0-7.48-.54-10.816-1.627zm40.188-26.037h-11.14V7.105h34.912v10.607h-11.088V44.68h-12.684zm27.076-10.607h18.444c6.184 0 10.744 1.421 13.696 4.263c1.136 1.174 1.984 2.477 2.556 3.919c.568 1.436.856 3.12.856 5.035v.108c0 2.667-.64 4.964-1.92 6.905c-1.276 1.936-3.112 3.475-5.488 4.608l7.408 10.766l19.4-37.2l20.468 39.172h-13.592l-6.876-13.696l-6.872 13.696h-25.636l-7.092-10.715h-2.716v10.715h-12.632zm21.692 16.95c.856-.639 1.276-1.545 1.276-2.719v-.108q-.002-1.76-1.276-2.693c-.856-.623-2.044-.931-3.572-.931h-5.492v7.409h5.44c1.564 0 2.768-.32 3.624-.958m42.848-17.001h13.536l6.872 13.695l6.876-13.695h13.592l-20.468 39.172l-20.412-39.172zm50.42-1.55l20.468 39.172h-13.592l-6.876-13.696l-6.872 13.696h-13.536l20.416-39.172z"/></g></svg>كيفية استخدام أيقونة Runna
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:runna" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:runna" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:runna" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--runna]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:runna"></div>مكوّن ويب
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:runna"></iconify-icon>صورة HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/runna.svg" alt="أيقونة Runna" width="24" height="24">أيقونة Runna في مجموعات أخرى
الأسئلة الشائعة حول أيقونة Runna
هل أيقونة Runna مجانية للاستخدام التجاري؟
نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.
كيف أستخدم أيقونة Runna في React؟
ثبّت @iconify/react واعرض <Icon icon="thesvg-color:runna" />، أو استخدم «نسخ الشيفرة» في هذه الصفحة للحصول على مكوّن React مستقل.
كيف أضيف أيقونة Runna إلى صفحة ويب؟
اربط ملف SVG في وسم صورة: <img src="https://iconyz.com/api/public/svg/thesvg-color/runna.svg" alt="أيقونة Runna">، أو الصق شيفرة SVG مباشرة في الصفحة لتنسيقها باستخدام CSS.