ICONYZ
Bahasa Indonesia
Ikon Authdotjs dari theSVG Color

Ikon Authdotjs

thesvg-color:authdotjs

Ikon Authdotjs (thesvg-color:authdotjs) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 210 × 232. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.

Set ikon
theSVG Color
Pembuat
thesvg.org
Lisensi
MIT
Ukuran
210 × 232
Tag
authdotj
Download SVG

Kode SVG

<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>

Cara memakai ikon Authdotjs

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 component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="thesvg-color:authdotjs"></iconify-icon>

Gambar HTML

<img src="https://iconyz.com/api/public/svg/thesvg-color/authdotjs.svg" alt="Ikon Authdotjs" width="24" height="24">

FAQ Ikon Authdotjs

Apakah ikon Authdotjs gratis untuk penggunaan komersial?

Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.

Bagaimana cara memakai ikon Authdotjs di React?

Pasang @iconify/react lalu render <Icon icon="thesvg-color:authdotjs" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.

Bagaimana cara menambahkan ikon Authdotjs ke halaman web?

Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/authdotjs.svg" alt="Ikon Authdotjs">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.

Lihat semua Ikon theSVG Color →