Dreamweaver ikonu
thesvg-color:dreamweaver
Dreamweaver ikonu (thesvg-color:dreamweaver), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 240 × 234 ı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
- 240 × 234
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="240" height="234" viewBox="0 0 240 234"><path fill="#470137" d="M42.5 0h155C221 0 240 19 240 42.5v149c0 23.5-19 42.5-42.5 42.5h-155C19 234 0 215 0 191.5v-149C0 19 19 0 42.5 0"/><path fill="#ff61f6" d="M22.8 164V62c-.1-.6.4-1.2 1-1.3h.1l6.7-.2l10.4-.2l12.7-.1c12.2 0 22.4 2.2 30.4 6.6c7.7 4.1 14 10.4 18.1 18.1c4 7.7 6 16.5 6 26.5c.1 7-.9 13.9-3.1 20.5A48.7 48.7 0 0 1 84.2 158a54.9 54.9 0 0 1-30.1 8.3H42.8l-11.2-.1l-7.8-.2c-.7 0-1-.6-1-1.6zm21.1-84.4v66.7l3.1.1l2.8.2l3.3.1c4.6.1 9.2-.7 13.6-2.3c4-1.4 7.5-3.7 10.5-6.8c3-3.2 5.3-7 6.7-11.1a47.6 47.6 0 0 0 .1-29.1a26 26 0 0 0-17.1-16.2c-4.3-1.3-8.7-2-13.2-1.9l-5.1.1zM198 165h-18.7c-.4.1-.9-.1-1.2-.4l-.6-1.2l-4.8-21.3l-3.2-15.7l-2.1-10.9l-1.3-7.6h-.1l-2.8 12.8c-.8 4.1-1.8 8.3-2.8 12.5L157 147l-4.1 16.4c-.2 1.1-.7 1.6-1.6 1.6h-18.7c-.5.1-1-.1-1.4-.3l-.7-1.1L111 86.3c-.3-.9.1-1.3 1.2-1.3h18.9c.9 0 1.4.3 1.5 1c2 8.8 3.7 16.4 5 22.8s2.4 11.8 3.1 16.3l1.9 11l1.2 7h.3a76 76 0 0 1 2.2-12.2l2.2-10.9l3.1-14.6a315 315 0 0 1 5-20.2c.1-.2.5-.3 1.1-.3h19.6c.6 0 .9.4 1 1.1a1358 1358 0 0 1 7.3 33.9c.8 4.2 1.5 7.9 1.9 10.9c.4 3.1.9 5.6 1.3 7.7c.3 1.7.6 3.4.7 5.1h.3c.5-2 .9-4.4 1.3-7.1s.9-5.7 1.6-9.1l2.1-11.2c.7-4.1 1.7-8.6 2.8-13.7l3.7-16.4c.2-.9.6-1.3 1.3-1.3h17.5c.9 0 1.2.5 1 1.4l-21.6 77.1c-.1.4-.3.8-.6 1.1c0 .5-.4.7-.9.6"/></svg>Dreamweaver ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:dreamweaver" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:dreamweaver" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:dreamweaver" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--dreamweaver]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:dreamweaver"></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:dreamweaver"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/dreamweaver.svg" alt="Dreamweaver ikonu" width="24" height="24">Diğer ikon setlerinde Dreamweaver ikonu
Dreamweaver ikonu: sık sorulan sorular
Dreamweaver 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.
Dreamweaver ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:dreamweaver" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Dreamweaver 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/dreamweaver.svg" alt="Dreamweaver ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.