أيقونة Microsoft Clipchamp

thesvg-color:microsoft-clipchamp

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

المجموعة: theSVG Color
المؤلف: thesvg.org
الترخيص: MIT
الحجم: 454 × 500
الوسوم: microsoftclipchamp

تنزيل SVG

شيفرة SVG

<svg xmlns="http://www.w3.org/2000/svg" width="454" height="500" viewBox="0 0 454 500"><defs><linearGradient id="SVGe2R1DdbH" x1="225.25" x2="212.19" y1="128.63" y2="51.22" gradientTransform="matrix(1 0 0 -1 0 503.48)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#330072"/><stop offset="1" stop-color="#7611f0" stop-opacity="0"/></linearGradient><linearGradient id="SVG8bZhgb7v" x1="227" x2="227" y1="117.38" y2="2.96" gradientTransform="matrix(1 0 0 -1 0 503.48)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9136f2" stop-opacity="0"/><stop offset=".84" stop-color="#b76aff"/></linearGradient><linearGradient id="SVGvvEQLerM" x1="123.94" x2=".11" y1="110.91" y2="109.79" gradientTransform="matrix(1 0 0 -1 0 503.48)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9136f2" stop-opacity="0"/><stop offset=".84" stop-color="#b76aff"/></linearGradient><linearGradient id="SVGKZungbyl" x1="256.51" x2="442.07" y1="50.34" y2="-103.15" gradientTransform="matrix(1 0 0 -1 0 503.48)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9136f2" stop-opacity="0"/><stop offset=".84" stop-color="#b76aff"/></linearGradient><linearGradient id="SVGzZgrfePg" x1="123.82" x2="-.01" y1="270.76" y2="270.76" gradientTransform="matrix(1 0 0 -1 0 503.48)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bc80ff" stop-opacity="0"/><stop offset=".84" stop-color="#ecb4ff"/></linearGradient><linearGradient id="SVGQkK1deya" x1="303.59" x2="454" y1="270.76" y2="270.76" gradientTransform="matrix(1 0 0 -1 0 503.48)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bc7fff" stop-opacity="0"/><stop offset=".84" stop-color="#ecb4ff"/></linearGradient><linearGradient id="SVG2UmSxSnS" x1="231.96" x2="226.19" y1="297.77" y2="158.17" gradientTransform="matrix(1 0 0 -1 0 503.48)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#6200d5"/><stop offset="1" stop-color="#3e008d" stop-opacity="0"/></linearGradient><linearGradient id="SVGNtzEPsAd" x1="330.2" x2="454.04" y1="177.81" y2="177.81" gradientTransform="matrix(1 0 0 -1 0 503.48)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#9b54fd" stop-opacity="0"/><stop offset=".84" stop-color="#ecb4ff"/></linearGradient><linearGradient id="SVGZORXMbGU" x1="123.82" x2="-.01" y1="182.36" y2="182.36" gradientTransform="matrix(1 0 0 -1 0 503.48)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#944ef6" stop-opacity="0"/><stop offset=".84" stop-color="#ecb4ff"/></linearGradient><radialGradient id="SVGMQx8xd8m" cx="-750.94" cy="816.14" r=".91" fx="-750.94" fy="816.14" gradientTransform="matrix(-409.1256 211.34636 246.6282 476.37371 -508259.08 -230280.48)" gradientUnits="userSpaceOnUse"><stop offset=".62" stop-color="#974cff"/><stop offset="1" stop-color="#5000b0"/></radialGradient><radialGradient id="SVGHuBTuMQa" cx="-755.52" cy="805.62" r=".91" fx="-755.52" fy="805.62" gradientTransform="rotate(156.48 -228770.719 -329494.103)scale(406.32 -897.5)skewX(-.1)" gradientUnits="userSpaceOnUse"><stop offset=".15" stop-color="#de91ff"/><stop offset=".68" stop-color="#d373fc" stop-opacity="0"/></radialGradient><radialGradient id="SVGH6r1mc5a" cx="-740.71" cy="815.67" r=".91" fx="-740.71" fy="815.67" gradientTransform="matrix(-155.19569 204.61103 518.4839 392.47792 -537600.88 -168692.44)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffc7a3"/><stop offset=".83" stop-color="#de67fd" stop-opacity="0"/></radialGradient><radialGradient id="SVGMWQXUcan" cx="-735.51" cy="817.83" r=".91" fx="-735.51" fy="817.83" gradientTransform="rotate(122.86 -244516.66 -185323.95)scale(300.98 -601.01)skewX(-.11)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#ffc7a3"/><stop offset=".83" stop-color="#de67fd" stop-opacity="0"/></radialGradient></defs><path fill="#7611f0" d="M384.29.77c27.23-4.81 53.57 13.27 58.83 40.4l2.15 11.13c5.25 27.12-12.58 53.02-39.81 57.83L35.59 175.42c-12.71 2.24-25-6.21-27.45-18.86L.92 119.24C-4.33 92.11 13.5 66.23 40.73 61.43z"/><path fill="url(#SVGMQx8xd8m)" fill-opacity=".9" d="M384.29.77c27.23-4.81 53.57 13.27 58.83 40.4l2.15 11.13c5.25 27.12-12.58 53.02-39.81 57.83L35.59 175.42c-12.71 2.24-25-6.21-27.45-18.86L.92 119.24C-4.33 92.11 13.5 66.23 40.73 61.43z"/><path fill="url(#SVGHuBTuMQa)" fill-opacity=".6" d="M384.29.77c27.23-4.81 53.57 13.27 58.83 40.4l2.15 11.13c5.25 27.12-12.58 53.02-39.81 57.83L35.59 175.42c-12.71 2.24-25-6.21-27.45-18.86L.92 119.24C-4.33 92.11 13.5 66.23 40.73 61.43z"/><path fill="url(#SVGH6r1mc5a)" fill-opacity=".4" d="M384.29.77c27.23-4.81 53.57 13.27 58.83 40.4l2.15 11.13c5.25 27.12-12.58 53.02-39.81 57.83L35.59 175.42c-12.71 2.24-25-6.21-27.45-18.86L.92 119.24C-4.33 92.11 13.5 66.23 40.73 61.43z"/><path fill="#7611f0" d="M0 439.97C0 473.12 26.9 500 60.09 500H393.9c33.19 0 60.09-26.88 60.09-60.03V417.5c0-33.15-26.9-60.03-60.09-60.03H60.1C26.91 357.47 0 330.6 0 297.44v-13.63z"/><path fill="rgba(169,102,255,.2)" d="M0 439.97C0 473.12 26.9 500 60.09 500H393.9c33.19 0 60.09-26.88 60.09-60.03V417.5c0-33.15-26.9-60.03-60.09-60.03H60.1C26.91 357.47 0 330.6 0 297.44v-13.63z"/><path fill="url(#SVGe2R1DdbH)" fill-opacity=".4" d="M0 439.97C0 473.12 26.9 500 60.09 500H393.9c33.19 0 60.09-26.88 60.09-60.03V417.5c0-33.15-26.9-60.03-60.09-60.03H60.1C26.91 357.47 0 330.6 0 297.44v-13.63z"/><path fill="url(#SVG8bZhgb7v)" fill-opacity=".15" d="M0 439.97C0 473.12 26.9 500 60.09 500H393.9c33.19 0 60.09-26.88 60.09-60.03V417.5c0-33.15-26.9-60.03-60.09-60.03H60.1C26.91 357.47 0 330.6 0 297.44v-13.63z"/><path fill="url(#SVGvvEQLerM)" fill-opacity=".3" d="M0 439.97C0 473.12 26.9 500 60.09 500H393.9c33.19 0 60.09-26.88 60.09-60.03V417.5c0-33.15-26.9-60.03-60.09-60.03H60.1C26.91 357.47 0 330.6 0 297.44v-13.63z"/><path fill="url(#SVGKZungbyl)" fill-opacity=".2" d="M0 439.97C0 473.12 26.9 500 60.09 500H393.9c33.19 0 60.09-26.88 60.09-60.03V417.5c0-33.15-26.9-60.03-60.09-60.03H60.1C26.91 357.47 0 330.6 0 297.44v-13.63z"/><path fill="#bc7fff" d="M0 223.11c0 33.15 26.9 60.03 60.09 60.03H393.9c33.19 0 60.09 26.88 60.09 60.03v15.8v-139.11c0-33.15-26.9-60.03-60.09-60.03H53.42C23.92 159.83 0 135.94 0 106.47z"/><path fill="url(#SVGzZgrfePg)" d="M0 223.11c0 33.15 26.9 60.03 60.09 60.03H393.9c33.19 0 60.09 26.88 60.09 60.03v15.8v-139.11c0-33.15-26.9-60.03-60.09-60.03H53.42C23.92 159.83 0 135.94 0 106.47z"/><path fill="url(#SVGQkK1deya)" fill-opacity=".8" d="M0 223.11c0 33.15 26.9 60.03 60.09 60.03H393.9c33.19 0 60.09 26.88 60.09 60.03v15.8v-139.11c0-33.15-26.9-60.03-60.09-60.03H53.42C23.92 159.83 0 135.94 0 106.47z"/><path fill="url(#SVGMWQXUcan)" d="M0 223.11c0 33.15 26.9 60.03 60.09 60.03H393.9c33.19 0 60.09 26.88 60.09 60.03v15.8v-139.11c0-33.15-26.9-60.03-60.09-60.03H53.42C23.92 159.83 0 135.94 0 106.47z"/><path fill="#974cff" d="M0 326.5c0 33.15 26.9 60.03 60.09 60.03h337.83c30.97 0 56.07 25.08 56.07 56.02v-109.3c0-33.15-26.9-60.02-60.09-60.02H60.1C26.91 273.23 0 246.35 0 213.2v-13.51z"/><path fill="rgba(169,102,255,.35)" d="M0 326.5c0 33.15 26.9 60.03 60.09 60.03h337.83c30.97 0 56.07 25.08 56.07 56.02v-109.3c0-33.15-26.9-60.02-60.09-60.02H60.1C26.91 273.23 0 246.35 0 213.2v-13.51z"/><path fill="url(#SVG2UmSxSnS)" fill-opacity=".4" d="M0 326.5c0 33.15 26.9 60.03 60.09 60.03h337.83c30.97 0 56.07 25.08 56.07 56.02v-109.3c0-33.15-26.9-60.02-60.09-60.02H60.1C26.91 273.23 0 246.35 0 213.2v-13.51z"/><path fill="url(#SVGNtzEPsAd)" fill-opacity=".4" d="M0 326.5c0 33.15 26.9 60.03 60.09 60.03h337.83c30.97 0 56.07 25.08 56.07 56.02v-109.3c0-33.15-26.9-60.02-60.09-60.02H60.1C26.91 273.23 0 246.35 0 213.2v-13.51z"/><path fill="url(#SVGZORXMbGU)" fill-opacity=".6" d="M0 326.5c0 33.15 26.9 60.03 60.09 60.03h337.83c30.97 0 56.07 25.08 56.07 56.02v-109.3c0-33.15-26.9-60.02-60.09-60.02H60.1C26.91 273.23 0 246.35 0 213.2v-13.51z"/></svg>

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

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

مكوّن ويب

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

<iconify-icon icon="thesvg-color:microsoft-clipchamp"></iconify-icon>

صورة HTML

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

أيقونات ذات صلة في theSVG Color

أيقونة Microsoft Clipchamp في مجموعات أخرى

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

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

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

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

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

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

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

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