Json ikonu
thesvg-color:json
Json ikonu (thesvg-color:json), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 160 × 160 ı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
- 160 × 160
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="160" height="160" viewBox="0 0 160 160"><defs><linearGradient id="SVG25SNwe2L"><stop offset="0"/><stop offset="1" stop-color="#fff"/></linearGradient><linearGradient id="SVG1NfqLehx" x1="-553.27" x2="-666.12" y1="525.91" y2="413.05" gradientTransform="matrix(.99884 0 0 .9987 689.01 -388.84)" gradientUnits="userSpaceOnUse" href="#SVG25SNwe2L"/><linearGradient id="SVGzODnDdme" x1="-666.12" x2="-553.27" y1="413.04" y2="525.91" gradientTransform="matrix(.99884 0 0 .9987 689.01 -388.84)" gradientUnits="userSpaceOnUse" href="#SVG25SNwe2L"/></defs><g fill-rule="evenodd" color="#000"><path fill="url(#SVGzODnDdme)" d="M79.865 119.1c35.398 48.255 70.04-13.469 69.989-50.587C149.794 24.627 105.313.099 79.836.099C38.944.099 0 33.895 0 80.135C0 131.531 44.64 160 79.836 160c-7.965-1.147-34.506-6.834-34.863-67.967c-.24-41.347 13.488-57.866 34.805-50.599c.477.177 23.514 9.265 23.514 38.951c0 29.56-23.427 38.715-23.427 38.715"/><path fill="url(#SVG1NfqLehx)" d="M79.823 41.401C56.433 33.339 27.78 52.617 27.78 91.23c0 63.048 46.721 68.77 52.384 68.77C121.056 160 160 126.204 160 79.964C160 28.568 115.36.099 80.164.099c9.748-1.35 52.541 10.55 52.541 69.037c0 38.141-31.953 58.905-52.735 50.033c-.477-.177-23.514-9.264-23.514-38.951c0-29.56 23.367-38.818 23.367-38.818z"/></g></svg>
Json ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:json" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:json" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:json" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--json]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:json"></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:json"></iconify-icon>
HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/json.svg" alt="Json ikonu" width="24" height="24">
theSVG Color setindeki benzer ikonlar
Diğer ikon setlerinde Json ikonu
Json ikonu: sık sorulan sorular
Json 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.
Json ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:json" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Json 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/json.svg" alt="Json ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.
Tümüne göz at: theSVG Color ikonları →
ICONYZ
