Иконка Magic Ui
thesvg-color:magic-ui
Иконка Magic Ui (thesvg-color:magic-ui) — бесплатная SVG-иконка из набора theSVG Color от thesvg.org. Она нарисована на сетке 256 × 256. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах. Скопируйте её как код SVG, JSX, Vue или Svelte или скачайте SVG-файл.
- Набор
- theSVG Color
- Автор
- thesvg.org
- Лицензия
- MIT
- Размер
- 256 × 256
- Теги
- magicui
Код SVG
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><g fill="none"><rect width="256" height="256" fill="url(#SVGgOw9he6f)" rx="128"/><rect width="256" height="256" fill="url(#SVGOeiTYKaQ)" rx="128"/><path fill="#fff" d="M124.157 193.675a1.46 1.46 0 0 1-.652.162H122.2q-2.283 0-5.382-.812a40.5 40.5 0 0 1-5.87-1.789q-2.773-.975-4.893-2.275q-1.957-1.3-2.446-2.276a66 66 0 0 1-.163-4.715v-4.714q0-18.207 2.609-38.039q2.773-19.832 8.97-42.917q.651-2.275 1.304-5.69a299 299 0 0 0 1.631-7.64q-3.914 3.09-9.295 9.917q-5.382 6.664-11.416 15.931q-5.871 9.104-11.904 20.157a280 280 0 0 0-10.763 22.271q-4.893 11.217-8.48 22.271q-3.426 11.055-4.24 20.483q-7.828-2.275-10.927-4.552Q48 187.173 48 183.921q0-2.926 1.794-8.29q1.793-5.365 5.055-12.68q3.262-7.316 7.991-16.256a981 981 0 0 1 10.437-19.508a743 743 0 0 1 12.72-22.271q6.36-10.404 12.394-18.857t11.741-14.63q5.871-6.178 11.579-9.429q2.283 0 6.034 1.138a56 56 0 0 1 7.501 2.764q3.751 1.625 6.523 3.413q2.935 1.626 3.262 2.764q-2.283 4.551-5.382 13.655q-3.097 9.103-6.36 20.645q-3.098 11.542-6.034 24.547q-2.772 12.843-4.403 24.709q3.751-8.94 8.643-18.532a412 412 0 0 1 10.6-19.182a494 494 0 0 1 11.253-18.532q5.871-8.941 11.415-16.256q5.544-7.478 10.274-13.005q4.891-5.527 8.643-8.128q2.283 0 6.034 1.138a56 56 0 0 1 7.501 2.764q3.751 1.625 6.523 3.413q2.936 1.626 3.262 2.764q-5.219 9.266-9.132 22.596q-3.915 13.33-6.686 27.96a389 389 0 0 0-4.077 29.099q-1.305 14.306-1.305 25.685v7.803q0 4.064.326 8.453q-2.283 0-5.544-.65a43 43 0 0 1-6.197-1.463q-2.935-.976-5.382-2.276q-2.446-1.138-3.425-2.601a66 66 0 0 1-.163-4.715v-4.714q0-18.207 2.61-38.039q2.772-19.832 8.969-42.917q.652-2.275 1.468-6.177a537 537 0 0 0 1.63-8.128q-4.566 2.276-10.437 8.778q-5.708 6.34-11.741 15.606q-5.871 9.104-11.742 20.321a290 290 0 0 0-10.437 22.921a241 241 0 0 0-7.827 23.083q-3.099 11.38-3.751 20.971"/><defs><linearGradient id="SVGgOw9he6f" x1="128" x2="128" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop stop-color="#ef786f"/><stop offset="1" stop-color="#d8595e"/></linearGradient><linearGradient id="SVGOeiTYKaQ" x1="78" x2="236" y1="0" y2="256" gradientUnits="userSpaceOnUse"><stop stop-color="#9e7aff"/><stop offset=".333" stop-color="#fe8bbb"/><stop offset=".667" stop-color="#ffbd7a"/><stop offset="1" stop-color="#f8eac3"/></linearGradient></defs></g></svg>Как использовать иконку Magic Ui
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:magic-ui" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:magic-ui" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:magic-ui" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--magic-ui]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:magic-ui"></div>Веб-компонент
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:magic-ui"></iconify-icon>Изображение HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/magic-ui.svg" alt="Иконка Magic Ui" width="24" height="24">Похожие иконки в наборе theSVG Color
Вопросы и ответы: Иконка Magic Ui
Можно ли бесплатно использовать иконку Magic Ui в коммерческих проектах?
Да. theSVG Color icons выпущены под лицензией MIT, которая разрешает использование в личных и коммерческих проектах.
Как использовать иконку Magic Ui в React?
Установите @iconify/react и выведите <Icon icon="thesvg-color:magic-ui" /> или нажмите «Копировать код» на этой странице, чтобы получить отдельный React-компонент.
Как добавить иконку Magic Ui на веб-страницу?
Подключите SVG-файл в теге изображения: <img src="https://iconyz.com/api/public/svg/thesvg-color/magic-ui.svg" alt="Иконка Magic Ui">, или вставьте SVG-код прямо в страницу, чтобы стилизовать его через CSS.