Иконка 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 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 →
