Authdotjs icon

thesvg-color:authdotjs

The Authdotjs icon (thesvg-color:authdotjs) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 210 × 232 grid. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: theSVG Color
Author: thesvg.org
License: MIT
Size: 210 × 232
Tags: authdotj

Download SVG

SVG code

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

How to use the Authdotjs icon

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>

HTML image

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

Authdotjs icon FAQ

Is the Authdotjs icon free for commercial use?

Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.

How do I use the Authdotjs icon in React?

Install @iconify/react and render <Icon icon="thesvg-color:authdotjs" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Authdotjs icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/authdotjs.svg" alt="Authdotjs icon">, or paste the SVG code inline to style it with CSS.

Browse all theSVG Color icons →