Иконка Youku

brandico:youku

Иконка Youku (brandico:youku) — бесплатная SVG-иконка из набора Brandico от Fontello. Она нарисована на сетке 1000 × 1000. Brandico icons выпущены под лицензией CC BY SA, которая разрешает использование в личных и коммерческих проектах при условии указания автора и распространения изменённых иконок под той же лицензией. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.

Набор: Brandico
Автор: Fontello
Лицензия: CC-BY-SA-3.0
Размер: 1000 × 1000

Скачать SVG

Код SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1000" height="1000" viewBox="0 0 1000 1000"><path fill="currentColor" d="M449.69 139.688c-15.29.025-30.615 4.098-43.781 13.188c-28.992 20.037-45.122 81.793-64.594 125.75c-21.444 48.358-40.259 97.095-61.156 132.594c-56.519-64.128-95.077-206.254-163.156-258.344c-21.959-16.783-70.099-16.305-91.781 0c-58.645 44.149.194 122.203 23.781 163.156c51.773 89.789 109.164 185.937 152.969 268.531c-28.476 75.092-172.29 287.292 20.406 275.313c46.636-30.14 66.384-92.854 91.75-149.594c51.861-116.102 95.923-216.406 149.563-336.469c22.294-49.908 76-123.645 64.594-180.156c-6.391-31.499-42.38-54.028-78.594-53.969zm466.219 46.063c-27.866.279-55.968 13.293-68.125 38.5c-20.112 22.945-41.65 44.45-64.594 64.563c-11.023 13.893-23.501 26.333-37.375 37.375c-16.133 16.783-29.222 36.525-51 47.625V241.251c-.497-72.107-135.42-72.107-135.938 0v377.313c5.893 26.925 18.13 47.511 47.563 50.938h40.813c27.977-4.861 43.889-21.793 47.563-50.938V536.97c0-28.284-5.294-76.032 13.594-47.594c27.691 27.098 66.712 56.252 102 88.344c33.872 30.887 66.285 80.739 101.938 88.375c73.005 15.653 105.208-54.421 78.188-105.344c-28.534-53.832-110.717-88.282-146.156-135.969c23.883-54.654 153.715-88.23 142.75-183.531c-4.322-37.644-37.587-55.837-71.219-55.5z"/></svg>

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

React

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

<Icon icon="brandico:youku" width="24" />

Vue

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

<template>
  <Icon icon="brandico:youku" width="24" />
</template>

Svelte

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

<Icon icon="brandico:youku" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[brandico--youku]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/brandico -->
<div class="i-brandico:youku"></div>

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

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

<iconify-icon icon="brandico:youku"></iconify-icon>

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

<img src="https://iconyz.com/api/public/svg/brandico/youku.svg" alt="Иконка Youku" width="24" height="24">

Иконка Youku в других наборах

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

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

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

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

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

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

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

Все Иконки Brandico →