Authdotjs ikonu
thesvg-color:authdotjs
Authdotjs ikonu (thesvg-color:authdotjs), theSVG Color setinden ücretsiz bir SVG ikondur (yapımcı: thesvg.org). 210 × 232 ı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
- 210 × 232
- Etiketler
- authdotj
SVG kodu
<svg xmlns="http://www.w3.org/2000/svg" width="210" height="232" viewBox="0 0 210 232"><g fill="none"><path fill="url(#SVGU1JUBekK)" fill-rule="evenodd" d="M208.687 31.859L30.095 167.73C8.164 127.966.568 79.998 0 51.228v-17.61c0-2.561 2.779-4.055 4.169-4.482C33.562 20.278 93.247 2.306 96.838 1.28C100.429.256 103.464 0 104.534 0h.097c1.069 0 4.104.256 7.696 1.28s63.276 18.998 92.669 27.856c1.034.317 2.836 1.225 3.691 2.723" clip-rule="evenodd"/><path fill="url(#SVGQLaAyeGP)" fill-rule="evenodd" d="m30.094 167.952l178.592-135.87c.295.516.478 1.102.478 1.759V51.45c-.962 48.773-22.126 152.722-99.083 178.336c-1.068.427-3.591 1.281-5.13 1.281h-.739c-1.539 0-4.062-.854-5.13-1.281c-31.563-10.505-53.74-34.186-68.988-61.834" clip-rule="evenodd"/><path fill="url(#SVGxbJ3FdFb)" fill-opacity=".21" d="M111.74 1.283C108.147.257 105.11 0 104.04 0l-.321 231.305h.642c1.54 0 4.064-.855 5.133-1.283c76.995-25.665 98.169-129.822 99.131-178.692V33.685c0-2.566-2.78-4.063-4.171-4.491c-29.407-8.876-89.121-26.884-92.714-27.91Z"/><ellipse cx="104.905" cy="114.209" fill="#e3e2fa" rx="47.801" ry="47.48"/><path fill="url(#SVGSKBmSdtX)" fill-rule="evenodd" d="M96.243 124.475c-3.635.321-12.832-1.283-17.323-5.133c-4.823-4.134-7.379-9.624-7.379-17.645c0-9.95 8.983-20.532 21.495-20.21c11.883.304 19.898 7.002 21.494 17.644c.833 5.553-.016 8.222-.676 10.295c-.102.323-.2.631-.286.933c-.321 1.07-.77 3.401 0 4.171c.769.77 12.511 12.084 18.286 17.644c.534.642 1.604 2.246 1.604 3.529v6.096c0 .962-.257 1.283-1.283 1.283h-12.833c-.748-.107-2.246-.834-2.246-2.887c0-2.189-.233-2.511-.7-3.156c-.08-.111-.168-.232-.262-.373c-.642-.963-1.925-.963-3.208-.963q-1.925 0-2.887-.962c-.642-.642-.642-1.604-.321-2.887c.321-1.284 0-2.567-.642-2.888a8 8 0 0 1-.353-.194c-.704-.4-1.827-1.038-3.176-.768c-1.604.321-3.85 0-5.133-1.283c-1.283-1.284-2.887-2.32-4.17-2.246Zm-8.662-24.381a4.812 4.812 0 1 0 0-9.625a4.812 4.812 0 0 0 0 9.625" clip-rule="evenodd"/><defs><linearGradient id="SVGU1JUBekK" x1="19.57" x2="97.527" y1="96.564" y2="15.078" gradientUnits="userSpaceOnUse"><stop stop-color="#45ffc8"/><stop offset="1" stop-color="#1dbbf1"/></linearGradient><linearGradient id="SVGQLaAyeGP" x1="73.786" x2="170.671" y1="143.724" y2="190.884" gradientUnits="userSpaceOnUse"><stop stop-color="#d14ae8"/><stop offset=".552" stop-color="#b628e3"/><stop offset="1" stop-color="#8315fd"/></linearGradient><linearGradient id="SVGxbJ3FdFb" x1="155.914" x2="155.914" y1="21.815" y2="182.542" gradientUnits="userSpaceOnUse"><stop stop-color="#20abf5"/><stop offset=".398" stop-color="#2a8cc3"/><stop offset="1" stop-color="#a104dc"/></linearGradient><linearGradient id="SVGSKBmSdtX" x1="90.148" x2="129.287" y1="99.452" y2="138.912" gradientUnits="userSpaceOnUse"><stop stop-color="#fe5b01"/><stop offset="1" stop-color="#ffb200"/></linearGradient></defs></g></svg>Authdotjs ikonu nasıl kullanılır
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:authdotjs" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:authdotjs" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:authdotjs" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--authdotjs]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:authdotjs"></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:authdotjs"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/thesvg-color/authdotjs.svg" alt="Authdotjs ikonu" width="24" height="24">Authdotjs ikonu: sık sorulan sorular
Authdotjs 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.
Authdotjs ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="thesvg-color:authdotjs" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Authdotjs 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/authdotjs.svg" alt="Authdotjs ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.