Иконка Youtube Logo Block

streamline-logos:youtube-logo-block

Иконка Youtube Logo Block (streamline-logos:youtube-logo-block) — бесплатная SVG-иконка из набора Logos free icons от Streamline. Она нарисована на сетке 24 × 24. Logos free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Logos free icons
Автор: Streamline
Лицензия: CC-BY-4.0
Размер: 24 × 24
Категория: Видео
Теги: youtubelogo, logoblock, youtubelogoblock

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" fill-rule="evenodd" d="M1 5a4 4 0 0 1 4-4h14a4 4 0 0 1 4 4v14a4 4 0 0 1-4 4H5a4 4 0 0 1-4-4zm6.417-.04l.922-.46l.913 1.826l.913-1.826l.922.46l-1.32 2.64v2.283h-1.03V7.6zm5.785.8v2.92c0 .459.15.798.41 1.005a.9.9 0 0 0 .338.17c.212.056.43.018.626-.074v.102h1.03V5.76h-1.03v2.572s.016.451-.242.451c-.048 0-.101-.062-.101-.104V5.76zm-1.546 0c-.664 0-1.202.54-1.202 1.203V8.68a1.202 1.202 0 1 0 2.405 0V6.963c0-.664-.539-1.202-1.203-1.202Zm-.171 1.203a.172.172 0 0 1 .343 0V8.68a.172.172 0 1 1-.343 0zm5.806 3.922c-1.283-.13-3.531-.315-5.291-.315s-4.008.185-5.29.315a.7.7 0 0 0-.622.592c-.122.782-.27 2.022-.27 3.186c0 1.223.163 2.866.289 3.894a.715.715 0 0 0 .634.63c1.287.13 3.514.313 5.259.313s3.972-.182 5.26-.312a.714.714 0 0 0 .633-.631c.126-1.028.29-2.67.29-3.894c0-1.164-.149-2.404-.271-3.186a.7.7 0 0 0-.621-.592m-9.585 2.26h-.515v-1.03h2.061v1.03h-.515v4.294h-1.03zm4.122-.858v5.152h1.03v-.051q.159.05.346.051a.98.98 0 0 0 .601-.194a1 1 0 0 0 .315-.41c.11-.255.114-.51.113-.585v-1.4c0-.075-.003-.33-.113-.584a1 1 0 0 0-.315-.41a.98.98 0 0 0-.601-.195c-.125 0-.24.02-.345.051v-1.425zm3.95 1.374c-.664 0-1.202.538-1.202 1.202v1.374a1.202 1.202 0 0 0 2.404 0h-1.03a.172.172 0 0 1-.343 0v-.343h1.373v-1.03c0-.665-.538-1.203-1.202-1.203m0 1.03c.095 0 .172.077.172.172h-.343c0-.095.076-.172.171-.172m-2.92 1.415v-1.112a1 1 0 0 1 .102-.14c.095-.112.17-.152.221-.16a.4.4 0 0 1 .022.146v1.42a.5.5 0 0 1-.021.147c-.052-.01-.127-.05-.222-.16a1 1 0 0 1-.101-.14Zm-3.778.131v-2.576h1.03v2.576q0 .063.006.104q.069-.053.14-.134c.07-.076.125-.157.161-.228a.4.4 0 0 0 .037-.09v-2.228h1.03v3.778h-1.03v-.102c-.122.058-.27.102-.428.102l-.075-.005a.9.9 0 0 1-.46-.193c-.26-.207-.41-.546-.41-1.004Z" clip-rule="evenodd"/></svg>

Как использовать иконку Youtube Logo Block

React

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

<Icon icon="streamline-logos:youtube-logo-block" width="24" />

Vue

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

<template>
  <Icon icon="streamline-logos:youtube-logo-block" width="24" />
</template>

Svelte

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

<Icon icon="streamline-logos:youtube-logo-block" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-logos--youtube-logo-block]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-logos -->
<div class="i-streamline-logos:youtube-logo-block"></div>

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

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

<iconify-icon icon="streamline-logos:youtube-logo-block"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/streamline-logos/youtube-logo-block.svg" alt="Иконка Youtube Logo Block" width="24" height="24">

Вопросы и ответы: Иконка Youtube Logo Block

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

Да. Logos free icons выпущены под лицензией CC BY 4.0, которая разрешает использование в личных и коммерческих проектах при условии указания автора.

Как использовать иконку Youtube Logo Block в React?

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

Как добавить иконку Youtube Logo Block на веб-страницу?

Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/streamline-logos/youtube-logo-block.svg" alt="Иконка Youtube Logo Block">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.

Все Logos free icons →