ICONYZ
العربية
أيقونة Remotion من theSVG Color

أيقونة Remotion

thesvg-color:remotion

أيقونة Remotion (thesvg-color:remotion) أيقونة SVG مجانية من مجموعة theSVG Color من تصميم thesvg.org. مرسومة على شبكة 250 × 250. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية. انسخها كشيفرة SVG أو JSX أو Vue أو Svelte، أو نزّل ملف SVG.

المجموعة
theSVG Color
المؤلف
thesvg.org
الترخيص
MIT
الحجم
250 × 250
تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="250" height="250" viewBox="0 0 250 250"><g fill="#0b84f3"><path fill-opacity=".1" d="M81.03 33.963c-3.848.208-6.95.814-10.075 1.995c-1.558.583-4.114 1.852-5.52 2.73c-5.881 3.662-10.364 9.169-12.702 15.577c-.466 1.268-1.728 5.315-2.54 8.1c-5.407 18.617-8.476 38.975-9.135 60.521c-.104 3.432-.104 11.603 0 14.979c.442 14.285 1.816 27.181 4.307 40.332c1.012 5.323 2.635 12.473 3.575 15.721c1.92 6.599 5.841 12.217 11.418 16.335c3.736 2.761 7.978 4.613 12.678 5.523c2.266.438 5.255.638 7.457.494c3.045-.199 9.087-1.005 13.996-1.875c22.128-3.918 42.568-10.933 61.104-20.972c11.739-6.36 21.774-13.247 31.456-21.602c9.65-8.316 17.877-17.261 25.117-27.3c1.679-2.323 2.523-3.679 3.366-5.387c2.17-4.405 3.19-8.786 3.182-13.686c0-4.565-.868-8.619-2.74-12.768c-.9-2.003-1.759-3.44-3.688-6.169c-7.102-10.047-14.985-18.801-24.594-27.308c-14.896-13.184-32.589-23.997-52.346-32c-4.283-1.733-8.501-3.257-13.579-4.909c-10.751-3.487-24.056-6.511-35.313-8.02c-1.767-.24-4.17-.375-5.423-.31"/><path fill-opacity=".3" d="M91.457 53.379c-3.029.163-5.47.64-7.929 1.57c-1.227.458-3.237 1.457-4.344 2.147c-4.628 2.883-8.156 7.216-9.995 12.258c-.367.999-1.36 4.182-1.998 6.374c-4.256 14.65-6.67 30.67-7.19 47.625c-.081 2.7-.081 9.13 0 11.786c.349 11.241 1.43 21.389 3.39 31.738c.796 4.188 2.074 9.815 2.813 12.371c1.511 5.193 4.597 9.614 8.985 12.854c2.94 2.173 6.278 3.63 9.977 4.345c1.782.346 4.135.503 5.867.39c2.396-.157 7.15-.791 11.014-1.476c17.412-3.083 33.497-8.603 48.083-16.503c9.237-5.005 17.134-10.424 24.752-16.999c7.594-6.543 14.068-13.583 19.765-21.482c1.321-1.828 1.985-2.895 2.649-4.239c1.707-3.466 2.51-6.914 2.504-10.77c0-3.592-.683-6.782-2.156-10.047c-.708-1.576-1.385-2.707-2.902-4.854c-5.59-7.906-11.792-14.795-19.354-21.489c-11.722-10.374-25.644-18.883-41.191-25.181c-3.37-1.363-6.689-2.562-10.685-3.862c-8.46-2.745-18.93-5.124-27.788-6.311c-1.39-.189-3.281-.295-4.267-.245"/><path d="M102.247 73.517c-2.178.117-3.933.46-5.702 1.129c-.882.33-2.328 1.047-3.123 1.544c-3.329 2.073-5.866 5.189-7.189 8.815c-.264.718-.978 3.008-1.437 4.584c-3.06 10.535-4.797 22.055-5.17 34.249c-.059 1.941-.059 6.566 0 8.476c.25 8.083 1.028 15.381 2.438 22.823c.573 3.013 1.491 7.059 2.023 8.897c1.087 3.734 3.305 6.914 6.461 9.244c2.114 1.562 4.515 2.61 7.175 3.125c1.282.248 2.973.361 4.219.28c1.724-.113 5.143-.569 7.921-1.061c12.522-2.218 24.089-6.187 34.578-11.868c6.643-3.599 12.322-7.497 17.801-12.225c5.461-4.705 10.117-9.768 14.213-15.449c.951-1.314 1.428-2.082 1.905-3.048c1.228-2.493 1.805-4.972 1.801-7.745c0-2.583-.491-4.877-1.551-7.225c-.509-1.134-.995-1.947-2.087-3.491c-4.019-5.686-8.479-10.64-13.917-15.454c-8.43-7.46-18.442-13.58-29.623-18.109c-2.423-.98-4.81-1.842-7.684-2.777c-6.083-1.973-13.613-3.685-19.983-4.538c-1-.136-2.36-.213-3.069-.177"/></g></svg>

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

React

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

<Icon icon="thesvg-color:remotion" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:remotion" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:remotion" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--remotion]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:remotion"></div>

مكوّن ويب

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

<iconify-icon icon="thesvg-color:remotion"></iconify-icon>

صورة HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/remotion.svg" alt="أيقونة Remotion" width="24" height="24">

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

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

نعم. تُنشر theSVG Color icons بموجب ترخيص MIT، الذي يسمح باستخدامها في المشاريع الشخصية والتجارية.

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

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

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

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

تصفح كل أيقونات theSVG Color →