Docuseal icon

thesvg-color:docuseal

The Docuseal icon (thesvg-color:docuseal) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 180 × 180 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: 180 × 180

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180"><circle cx="90" cy="90" r="88" fill="#fff"/><path fill="#e97a42" d="M178.224 72.09a89 89 0 0 0-.996-4.364a88 88 0 0 0-.956-3.433a87 87 0 0 0-.95-3.012a89 89 0 0 0-1.735-4.694a81 81 0 0 0-.661-1.618c-.195-.462-.399-.917-.601-1.375a93 93 0 0 0-.804-1.762l-.226-.474a89 89 0 0 0-.638-1.318l-.229-.459a93 93 0 0 0-.721-1.406l-.158-.302a89 89 0 0 0-3.68-6.322q-.176-.27-.355-.539l-.284-.432q-.425-.647-.862-1.287q-.168-.245-.338-.489c-.193-.279-.382-.56-.579-.836q-.135-.187-.273-.374q-.197-.273-.395-.542a95 95 0 0 0-.838-1.135q-.226-.297-.454-.593c-.21-.274-.417-.552-.63-.823l-.166-.205a88 88 0 0 0-1.47-1.814c-.129-.155-.262-.306-.392-.461a87 87 0 0 0-1.22-1.417q-.28-.318-.563-.631a87 87 0 0 0-1.167-1.276q-.263-.284-.529-.567a92 92 0 0 0-1.716-1.768a90 90 0 0 0-3.346-3.178a91 91 0 0 0-3.103-2.684a91 91 0 0 0-2.348-1.864a90.2 90.2 0 0 0-19.81-11.56a90 90 0 0 0-7.428-2.756C108.724 1.457 99.473.002 89.998.002c-3.19 0-6.354.169-9.488.496a89 89 0 0 0-11.94 2.073a88 88 0 0 0-13.604 4.505a90 90 0 0 0-18.75 10.747a91 91 0 0 0-5.051 4.065a91.6 91.6 0 0 0-12.028 12.611a89 89 0 0 0-5.006 7.051A89.8 89.8 0 0 0 3.727 64.293a90 90 0 0 0-.956 3.433a89 89 0 0 0-.996 4.364A90.2 90.2 0 0 0-.002 90.001q0 1.685.062 3.361a89.5 89.5 0 0 0 3.825 22.879l.133.441a90 90 0 0 0 3.054 8.35a91 91 0 0 0 2.755 5.912a89 89 0 0 0 1.685 3.132a90 90 0 0 0 14.846 19.564c7.713 7.713 16.611 13.878 26.477 18.352q1.057.48 2.131.935a90 90 0 0 0 6.313 2.396c9.217 3.106 18.85 4.677 28.719 4.677a90 90 0 0 0 25.417-3.642a89 89 0 0 0 4.405-1.421a90 90 0 0 0 5.211-2.009a92 92 0 0 0 2.247-.989a90 90 0 0 0 5.581-2.775a90 90 0 0 0 4.865-2.844a90 90 0 0 0 15.912-12.679a94 94 0 0 0 2.278-2.36a89.7 89.7 0 0 0 14.255-20.334c.482-.944.943-1.9 1.392-2.863a92 92 0 0 0 1.364-3.049a90 90 0 0 0 4.681-14.335a91 91 0 0 0 .851-4.035a90.6 90.6 0 0 0 1.542-16.663c0-6.074-.595-12.058-1.776-17.911zM16.491 91.704c-1.118-56.662 44.604-74.877 60.998-67.647c2.187.965 4.732 2.431 7.042 2.96c5.295 1.213 13.432-3.113 13.521 6.273c.078 8.156-3.389 13.108-10.797 16.177c-7.539 3.124-14.777 9.181-19.95 15.493c-21.487 26.216-31.231 68.556-7.565 94.296c-13.679-5.545-42.418-25.467-43.248-67.552zm91.109 72.619c-.053.008-4.171.775-4.171.775s-15.862-22.957-23.509-21.719c11.291 16.04 12.649 22.625 12.649 22.625l-.161.003c-51.831 2.131-42.785-64.026-28.246-86.502c-1.555 13.073 8.878 39.992 39.034 44.1c9.495 1.293 32.302-3.275 41.015-11.38c.098 1.825.163 3.85.159 6.013c-.046 23.538-13.47 42.743-36.77 46.085m30.575-15.708c9.647-9.263 12.869-27.779 9.103-44.137c-4.608-20.011-28.861-32.383-40.744-35.564c5.766-8.089 27.908-14.274 39.567 5.363c-5.172-10.519-13.556-23.023-1.732-33.128c12.411 13.329 19.411 29.94 20.161 48.7c.75 18.753-6.64 41.768-26.355 58.765z"/><circle cx="71.927" cy="32.004" r="2.829" fill="#e97a42"/></svg>

How to use the Docuseal icon

React

import { Icon } from "@iconify/react";

<Icon icon="thesvg-color:docuseal" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="thesvg-color:docuseal" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="thesvg-color:docuseal" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--docuseal]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:docuseal"></div>

Web component

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

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

HTML image

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

Docuseal icon in other icon sets

Docuseal icon FAQ

Is the Docuseal 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 Docuseal icon in React?

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

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

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

Browse all theSVG Color icons →