Ikon Microsoft Clipchamp

thesvg-color:microsoft-clipchamp

Ikon Microsoft Clipchamp (thesvg-color:microsoft-clipchamp) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 454 × 500. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon: theSVG Color
Pembuat: thesvg.org
Lisensi: MIT
Ukuran: 454 × 500
Tag: microsoftclipchamp

Download SVG

Kode 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>

Cara memakai ikon 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>

Web component

<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>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-clipchamp.svg" alt="Ikon Microsoft Clipchamp" width="24" height="24">

Ikon terkait di theSVG Color

Ikon Microsoft Clipchamp di set ikon lain

FAQ Ikon Microsoft Clipchamp

Apakah ikon Microsoft Clipchamp gratis untuk penggunaan komersial?

Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Microsoft Clipchamp di React?

Pasang @iconify/react lalu render <Icon icon="thesvg-color:microsoft-clipchamp" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Microsoft Clipchamp ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/microsoft-clipchamp.svg" alt="Ikon Microsoft Clipchamp">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →