Magic Ui ikonu
thesvg-color:magic-ui
Magic Ui ikonu (thesvg-color:magic-ui), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 256 × 256 ızgara üzerinde çizilmiştir. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- theSVG Color
- Yazar
- thesvg.org
- Lisans
- MIT
- Boyut
- 256 × 256
- Etiketler
- magicui
SVG kodu
<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 ikonu nasıl kullanılır
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>Web bileşeni
<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 görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/magic-ui.svg" alt="Magic Ui ikonu" width="24" height="24">theSVG Color setindeki benzer ikonlar
Magic Ui ikonu: sık sorulan sorular
Magic Ui ikonu ticari kullanım için ücretsiz mi?
Evet. theSVG Color icons, MIT lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Magic Ui ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:magic-ui" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Magic Ui ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/thesvg-color/magic-ui.svg" alt="Magic Ui ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.