Иконка Media Encoder

thesvg-color:media-encoder

Иконка Media Encoder (thesvg-color:media-encoder) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 32 × 32. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: theSVG Color
Автор: thesvg.org
Лицензия: MIT
Размер: 32 × 32
Теги: mediaencoder

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="32" height="32" viewBox="0 0 32 32"><g fill="none"><g clip-path="url(#SVGmAhx2dHO)"><path fill="#00005b" d="M26.333 0H5.667A5.667 5.667 0 0 0 0 5.667v19.866A5.667 5.667 0 0 0 5.667 31.2h20.666A5.667 5.667 0 0 0 32 25.533V5.667A5.667 5.667 0 0 0 26.333 0"/><path fill="#99f" d="M4.512 8.12a.144.144 0 0 1 .163-.129h3.753a.204.204 0 0 1 .224.15q.142.56.347 1.342q.203.783.438 1.728l.959 3.853q.234.934.397 1.718t.265 1.298h.02q.082-.45.286-1.202q.203-.75.47-1.685a464 464 0 0 0 1.08-3.875q.265-.966.5-1.792q.234-.825.377-1.385a.18.18 0 0 1 .184-.15h3.65a.16.16 0 0 1 .183.15l.49 13.718a.14.14 0 0 1-.03.139a.17.17 0 0 1-.133.054h-2.651a.16.16 0 0 1-.102-.032a.14.14 0 0 1-.041-.119a271 271 0 0 0-.04-4.712a66 66 0 0 1 0-2.329q.019-1.116.02-2.06q0-.945.01-1.643q.01-.697.01-1.04h-.02q-.122.536-.327 1.405q-.204.87-.479 1.954q-.275 1.083-.591 2.243t-.612 2.297t-.571 2.125a57 57 0 0 0-.46 1.739a.226.226 0 0 1-.223.172H9.753a.22.22 0 0 1-.245-.172a281 281 0 0 1-.897-3.8q-.244-1.073-.52-2.2q-.275-1.127-.52-2.179a94 94 0 0 1-.438-1.975a92 92 0 0 0-.357-1.631h-.041v1.696q0 .987-.03 2.178q-.031 1.193-.062 2.49q-.03 1.3-.071 2.684q-.042 1.384-.102 2.737q0 .172-.163.172H3.94a.24.24 0 0 1-.132-.032q-.052-.033-.031-.162zm21.711 9.247h-4.229c.052.4.192.785.408 1.127c.24.358.58.637.977.805q.654.3 1.707.3q.697.003 1.384-.118a5.8 5.8 0 0 0 1.256-.375q.107-.086.107.107v2.04a.3.3 0 0 1-.032.16a.3.3 0 0 1-.097.097a6 6 0 0 1-1.395.461a9.4 9.4 0 0 1-1.889.161q-1.524 0-2.555-.472a4.55 4.55 0 0 1-1.674-1.266a5 5 0 0 1-.923-1.75a6.9 6.9 0 0 1 .054-4.057a5.5 5.5 0 0 1 .998-1.825c.44-.533.988-.965 1.61-1.266c.7-.323 1.463-.48 2.232-.462a4.85 4.85 0 0 1 2.072.408a3.76 3.76 0 0 1 1.406 1.105c.352.454.62.967.794 1.514a5.4 5.4 0 0 1 .258 1.631q0 .473-.032.86q-.033.386-.054.557a.195.195 0 0 1-.193.172q-.13 0-.44.032q-.312.033-.773.043q-.462.011-.977.01m-4.229-2.082h2.813q.514 0 .762-.011q.157 0 .31-.032v-.13a1.7 1.7 0 0 0-.085-.493a1.755 1.755 0 0 0-1.739-1.223a1.87 1.87 0 0 0-1.77 1.008a2.7 2.7 0 0 0-.29.88"/></g><defs><clipPath id="SVGmAhx2dHO"><path fill="#fff" d="M0 0h32v31.2H0z"/></clipPath></defs></g></svg>

Как использовать иконку Media Encoder

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Веб-компонент

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

<iconify-icon icon="thesvg-color:media-encoder"></iconify-icon>

Изображение HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/media-encoder.svg" alt="Иконка Media Encoder" width="24" height="24">

Вопросы и ответы: Иконка Media Encoder

Можно ли бесплатно использовать иконку Media Encoder в коммерческих проектах?

Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.

Как использовать иконку Media Encoder в React?

Установите @iconify/react и выведите <Icon icon="thesvg-color:media-encoder" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.

Как добавить иконку Media Encoder на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/media-encoder.svg" alt="Иконка Media Encoder">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Иконки theSVG Color →