Иконка Disney
thesvg-color:disney
Иконка Disney (thesvg-color:disney) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 700 × 294. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 700 × 294
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="700" height="294" viewBox="0 0 700 294"><path d="M602.2 128.6c-11.7 2.7-42.6 4.2-42.6 4.2l-3.8 12.2s15.3-1.3 26.5-.2c0 0 3.6-.3 4 4c.2 4.4-.3 9-.3 9s-.3 2.7-4 3.4c-4.3.7-33.3 2-33.3 2L544 179s-1.7 3.6 2.2 2.6c3.6-1 34-6.8 38-6c4.2 1 9 6.8 7.6 12c-1.6 6.3-32 25.7-50.4 24.4c0 0-9.7.6-17.8-12.5c-7.8-12.5 2.7-36 2.7-36s-4.7-11-1.2-15c0 0 2-1.7 8-2.2l7.5-15.4s-8.5.5-13.5-5.7c-4.6-6-5-8.6-1.4-10.2c3.8-2 39-8.3 63.2-7.5c0 0 8.5-1 16 13.7c0 0 3.4 6-2.6 7.4M511 187.8c-3 7.3-11.3 15-21.3 10.3c-10.2-4.8-26.3-37.6-26.3-37.6s-6-12.2-7.2-11.8c0 0-1.3-2.4-2 11c-1 13.3.2 39.2-5.3 43.3c-5 4-11 2.3-14.4-2.4c-2.8-4.7-4-16-2.4-35.7c1.8-19.7 6.3-40.7 12-47.2c6-6.6 10.8-1.8 12.6 0c0 0 7.7 7 20.7 27.7l2.2 3.8s11.8 19.7 13 19.6c0 0 1 1 1.8.2c1.2-.3.8-6.7.8-6.7S493 141 482 105c0 0-1.6-4.6-.5-9c1-4 5.3-2 5.3-2s16.6 8 24.7 35c8 27 2.6 51.5-.4 58.8m-81.5-69.3c-1.6 2.8-2.3 6.7-9.2 7.8c0 0-67 4.7-70.3 9.4c0 0-2.2 2.8 1.4 3.5c3.8.8 19 2.8 26.2 3.2c7.8 0 34 .2 43.6 12c0 0 5.5 5.6 5.3 18.3c-.2 13-2.5 17.6-7.6 22.3c-5.3 4.4-50.7 24.8-80-6.4c0 0-13.4-15 4.7-26.4c0 0 13-8 46.3 1.3c0 0 10 3.6 9.6 7.3c-.6 4-8.3 8-19.5 7.8c-10.8-.3-18.8-5.5-17.2-4.6c1.5.5-11.7-6.4-15.8-1.7c-4 4.4-3 7 1 9.7c10 5.8 49.3 3.7 61-9.4c0 0 4.7-5.3-2.4-9.6c-7-4-27.4-6.5-35.3-6.8c-7.5-.4-35.6 0-39.8-7.3c0 0-4-5.2.4-19.4c4.6-15 37.3-20.8 51.5-22c0 0 39-1.6 46.3 6.4c0 0 1 1.8-.2 4.5m-110.6 88c-4.7 3.5-14.7 2-17.6-2c-2.8-3.5-3.8-17.3-3.3-39c.7-22.2 1-49.4 6-53.8c5-4.3 8-.5 10 2.4c2 3 4.6 6.3 5 13.2c.6 7 2.3 43 2.3 43s2.2 32.8-2.3 36.2m9.9-117c-13.8 4.7-23.2 3.2-31.2-.3c-3.5 6.3-5.6 8.2-8.2 8.6c-4 .4-7.5-6-8-8c-.8-1.5-2.7-4.2-.4-10.3c-7.8-7-8.4-16.4-7-22.7c1.8-7.4 15-35.2 55-38.5c0 0 19.6-1.4 23 9h.6s19 0 18.6 17c0 17-21 38.2-42.4 45.5M346.8 41c-12.6 2-32 18.8-41.3 32.7c14.3 2.6 39.3 1.6 50.5-21c0 0 5.3-14.2-9.2-11.7m-55.3 11c-4 6.5-4.2 10.4-2.3 13c4.7-7 13-18 25.5-26.6c-9.6 1-17.7 5-23.2 13.6m340.7 153.7c-9.2 22.6-17 45.5-21.5 79.8c0 0-1 6.7-6.5 4.5c-5.5-2-14.5-11-16.5-23.7c-2-16.6 5.4-44.6 20.5-76.8c-4.4-7-7.5-17.4-5-32c0 0 4-27 31-51.4c0 0 3.2-2.7 5-1.8c2.2 1 1.3 9.6-.5 14c-1.6 4.2-13.6 25-13.6 25s-7.5 14.2-5.4 25.3c14.2-21.8 46.5-66 66.5-52c12.7 9 12.7 38 3.2 54.8c-7.5 13.3-28.7 40.8-57 34.4m41.6-68c-7.4 8-20.6 23.2-31 43.8c11-1.2 21.7-7.3 25-10.4c5.3-4.7 17.5-17.4 15.6-34.2c0 0-1.2-8.8-9.6.8m-448 79.7c-35.4 10.8-68.8 5.8-87 1c-.5 7.4-1.3 10.5-2.5 11.7c-1.4 1.6-13 8.2-19.4-1.2c-2.8-4.5-4.2-12.6-5-20c-41-18.6-60-46-60.6-47c-1-1-10.3-10.7-1-22.7c8.7-10.8 37.5-21.7 63.3-26c1-22 3.4-39 6.5-46.5c3.7-9 8.4-1 12.6 5c3.4 4.5 5.5 23.8 5.7 39.2c16.8-.8 27 .4 45.7 4c24.6 4.2 41 16.8 39.7 31c-1.2 14-14 19.8-19 20.2s-13-3.3-13-3.3c-5.6-2.6-.5-5 6-7.8c7.2-3.5 5.6-7 5.6-7c-2.6-8-34.5-13.3-66.2-13.3c0 17.5.7 46.5 1.2 63.4c22.2 4.2 38.8 3.3 38.8 3.3s81-2.3 83.3-54c2.5-51.8-81-101.4-142.5-117C56.8 14.4 22 25.8 19 27.3c-3.3 1.6-.3 2.2-.3 2.2S22 30 28 32s1.2 5 1.2 5C18.7 40.6 7 38.5 4.7 33.7c-2.3-4.7 1.5-9 6-15.3c4.2-6.5 9-6.3 9-6.3c76-26.5 168.8 21 168.8 21c86.8 43.8 101.6 95.3 100 115.3c-1.4 19.7-9 53-62.5 69.2M59 146c-8.6 4-2.6 10.4-2.6 10.4c16.2 17.3 36 28.2 55 35c2.2-30 2-40.7 2-55.8C84 137.6 67 142.4 59 146"/></svg>Как использовать иконку Disney
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:disney" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:disney" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:disney" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--disney]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:disney"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:disney"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/disney.svg" alt="Иконка Disney" width="24" height="24">Похожие иконки в наборе theSVG Color
Иконка Disney в других наборах
Вопросы и ответы: Иконка Disney
Можно ли бесплатно использовать иконку Disney в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Disney в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:disney" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Disney на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/disney.svg" alt="Иконка Disney">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.