Oauth icon

logos:oauth

The Oauth icon (logos:oauth) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 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: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 256 × 256

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#fff" d="M118.923.371c56.56-3.922 94.064 23.757 115.507 57.48c10.752 16.91 21.302 42.59 21.35 68.977c.052 28.67-9.235 53.496-21.35 71.713c-12.45 18.723-28.555 34.188-48.72 44.342c-33.71 16.974-80.82 17.438-111.677 1.095c-34.365-18.2-60.786-44.18-70.618-89.231c-3.935-18.03-4.387-41.325 1.094-61.312c1.287-4.689 3.625-9.623 5.475-14.234c8.893-22.154 24.029-41.419 42.7-54.743c7.502-5.354 16.604-10.679 24.634-14.233C87.31 5.802 104.132 1.397 118.923.37"/><path d="M226.212 130.016c0 53.456-43.335 96.788-96.79 96.788s-96.79-43.332-96.79-96.788s43.334-96.79 96.79-96.79c53.455 0 96.79 43.335 96.79 96.79"/><path d="M118.923.371c56.56-3.922 94.064 23.757 115.507 57.48c10.752 16.91 21.302 42.59 21.35 68.977c.052 28.67-9.235 53.496-21.35 71.713c-12.45 18.723-28.555 34.188-48.72 44.342c-33.71 16.974-80.82 17.438-111.677 1.095c-34.365-18.2-60.786-44.18-70.618-89.231c-3.935-18.03-4.387-41.325 1.094-61.312c1.287-4.689 3.625-9.623 5.475-14.234c8.893-22.154 24.029-41.419 42.7-54.743c7.502-5.354 16.604-10.679 24.634-14.233C87.31 5.802 104.132 1.397 118.923.37m-19.16 9.307c-21.01 5.447-36.413 15.205-49.817 25.73C30.62 50.582 18.298 71.76 11.08 97.266c-8.031 28.376-2.873 62.715 8.211 84.304c11.494 22.388 26.927 39.766 48.721 52.006c21.204 11.907 51.026 19.553 82.115 13.686c27.623-5.214 48.602-17.247 65.692-35.036c22.866-23.802 41.244-67.641 29.014-113.866c-3.269-12.354-7.543-25.23-14.233-36.13c-3.615-5.889-8.92-11.682-14.233-17.518c-20.056-22.025-52.471-41.004-94.159-38.32c-7.933.51-14.905 1.33-22.445 3.285"/><g fill="#fff"><path d="m135.576 246.4l111.846-111.844l-.603-.603l-111.846 111.843zm-9.777-8.858L238.132 125.21l-.603-.604l-112.334 112.331zm-9.778-8.856l112.822-112.82l-.604-.604l-112.821 112.82zm-9.778-8.858l113.31-113.308l-.603-.603l-113.31 113.308zm-9.777-8.858L210.264 97.175l-.604-.603L95.862 210.367zm-9.778-8.854L200.973 87.829l-.603-.603L86.084 201.512zm-9.778-8.86L191.684 78.484l-.604-.603L76.306 192.653zm-9.778-8.856L182.394 69.137l-.604-.603l-115.262 115.26zm-9.778-8.858l115.748-115.75l-.604-.602L56.75 174.939zm-9.778-8.858L163.814 50.448l-.603-.604L46.973 166.081zm-9.778-8.856L154.525 41.102l-.604-.603L37.195 157.224zm-9.778-8.858L145.236 31.758l-.603-.604L27.417 148.367zm-9.777-8.857L135.945 22.41l-.603-.603L17.639 139.51zm-9.778-8.857l118.19-118.19l-.603-.603l-118.19 118.19zm-.642 1.13l114.08 114.086l.604-.604L8.427 131.783z"/><path d="M17.075 123.002L131.377 237.31l.603-.603L17.678 122.399zm9.251-9.383L140.85 228.148l.604-.603L26.93 113.015zm9.252-9.384l114.746 114.752l.603-.604L36.181 103.632zm9.251-9.384l114.968 114.973l.603-.603L45.432 94.248zm9.251-9.383l115.19 115.195l.603-.604L54.684 84.864zm9.251-9.384l115.413 115.417l.604-.604L63.935 75.481zm9.251-9.384l115.636 115.64l.603-.604L73.186 66.097zm9.252-9.383l115.857 115.86l.604-.604L82.437 56.713zm9.251-9.384l116.08 116.081l.603-.603L91.688 47.33zm9.252-9.383l116.3 116.303l.604-.603L100.94 37.946zm9.251-9.384L226.11 145.69l.604-.604L110.19 28.562zm9.251-9.384L235.584 136.53l.604-.603L119.442 19.18zm9.251-9.383l116.968 116.968l.603-.603L128.694 9.795z"/></g><path d="M209.796 45.26c-10.066-10.066-22.442-19.137-37.225-24.634c-15.323-5.698-32.657-10.501-53.101-8.759c-32.566 2.776-55.43 17.387-72.808 34.488C34.49 58.333 25.334 73.011 19.29 90.15c-8.874 25.165-8.335 54.868 1.642 80.472c8.51 21.84 22.44 39.455 42.152 53.1c18.53 12.83 45.127 22.779 74.998 20.256c36.383-3.073 63.003-21.739 80.472-43.247c4.47-5.502 8.914-11.722 11.496-19.16c2.53-5.36 3.768-9.002 4.927-10.948c4.852-10.873 7.423-22.344 8.211-35.036c2.426-39.036-12.593-69.528-33.392-90.326m-10.722 118.933c-.07.149-.132.287-.205.44c-1.805 5.165-4.914 9.483-8.039 13.305c-12.217 14.935-30.832 27.896-56.275 30.03c-20.89 1.751-39.489-5.157-52.447-14.065c-11.26-7.74-19.82-17.323-25.823-28.839c-.366-.693-3.852-8.724-3.862-9.077c-4.755-14.75-5.168-38.466-.287-52.698c3.257-9.5 8.686-19.777 15.875-27.92c9.927-11.242 19.861-18.447 35.584-23.539c7.178-2.325 13.605-4.692 22.444-4.927c21.555-.574 43.505 9.104 55.29 19.708c10.831 9.743 23.174 28.724 26.278 46.531c3.193 18.328-.215 36.223-8.533 51.051"/><path fill="#fff" d="M161.608 181.774c-5.308 0-9.966-3.362-11.591-8.365l-5.912-18.013H114.53l-5.492 17.85c-1.658 5.1-6.352 8.514-11.687 8.514c-1.28 0-2.553-.203-3.781-.602c-6.377-1.914-9.998-8.778-8.044-15.291l24.963-79.071c1.62-5.03 6.392-8.539 11.605-8.539h13.274c5.242 0 10.013 3.449 11.602 8.387l26.253 79.042c2.099 6.462-1.377 13.4-7.745 15.472c-1.259.409-2.56.616-3.87.616"/><path d="M161.608 180.067c-4.755 0-8.92-3.006-10.374-7.48l-5.913-18.016l-.29-.881h-31.446l-.278.903l-5.493 17.849a10.977 10.977 0 0 1-13.85 7.072c-5.725-1.719-8.963-7.869-7.212-13.706l24.957-79.054c1.449-4.495 5.73-7.644 10.385-7.644h13.274c4.688 0 8.966 3.093 10.384 7.5l26.256 79.053c1.879 5.784-1.232 11.998-6.926 13.851c-1.13.367-2.299.553-3.474.553m0 2.56c1.444 0 2.88-.228 4.266-.678c7.045-2.294 10.882-9.956 8.566-17.085l-26.255-79.05c-1.756-5.458-7.021-9.264-12.817-9.264h-13.274c-5.772 0-11.033 3.87-12.824 9.426l-24.965 79.079c-2.159 7.199 1.833 14.782 8.897 16.903c1.33.431 2.735.655 4.15.655c5.892 0 11.074-3.774 12.903-9.399l5.499-17.868l-1.224.904h29.575l-1.216-.881l5.912 18.013c1.796 5.528 6.946 9.245 12.807 9.245"/><path fill="#fff" d="m63.574 53.058l-.031-.043c-3.113-4.266-2.2-10.234 2.385-13.58c4.584-3.345 10.473-2.406 13.586 1.86l.032.042c3.113 4.266 2.2 10.235-2.385 13.58s-10.474 2.407-13.587-1.86m11.8-8.612l-.031-.042c-1.564-2.144-4.477-2.88-6.747-1.224c-2.25 1.642-2.425 4.567-.861 6.711l.031.042c1.565 2.144 4.477 2.881 6.727 1.24c2.27-1.658 2.446-4.583.881-6.727m18.213-19.35l4.678-1.5L111.38 38.84l-5.204 1.67l-2.279-2.719l-6.755 2.168l-.248 3.529l-5.103 1.637zm7.697 9.369l-3.55-4.353l-.378 5.613zm18.522-4.782l.04-10.327l5.177.02l-.04 10.222c-.011 2.654 1.324 3.92 3.374 3.93c2.05.007 3.394-1.196 3.404-3.77l.041-10.353l5.177.02l-.04 10.195c-.024 5.939-3.424 8.527-8.653 8.506c-5.229-.022-8.503-2.689-8.48-8.443m35.867-1.804l-5.277-1.611l1.304-4.272l15.43 4.709l-1.304 4.272l-5.277-1.61l-4.065 13.319l-4.875-1.488zm25.239 4.787l4.243 2.824l-3.813 5.731l5.447 3.625l3.814-5.731l4.243 2.824l-10.19 15.313l-4.244-2.825l3.873-5.818l-5.448-3.625l-3.872 5.818l-4.243-2.824zm14.99 167.392l.033.041c3.274 4.145 2.589 10.144-1.865 13.663c-4.453 3.518-10.375 2.805-13.649-1.34l-.032-.04c-3.275-4.146-2.589-10.145 1.864-13.663s10.375-2.805 13.65 1.34m-11.464 9.057l.033.041c1.645 2.083 4.583 2.708 6.79.965c2.185-1.726 2.249-4.656.603-6.738l-.033-.042c-1.644-2.082-4.583-2.708-6.769-.981c-2.206 1.743-2.269 4.672-.624 6.755m-17.311 20.083l-4.608 1.705l-13.773-14.654l5.125-1.897l2.397 2.615l6.654-2.463l.091-3.536l5.027-1.86zm-8.102-9.02l3.738 4.191l.131-5.624zm-18.274 5.522l.455 10.317l-5.17.228l-.452-10.211c-.117-2.651-1.511-3.852-3.559-3.762s-3.333 1.358-3.22 3.93l.457 10.342l-5.17.229l-.45-10.185c-.263-5.933 3.01-8.681 8.233-8.912c5.224-.23 8.622 2.276 8.876 8.025m-35.932 3.373l5.327 1.438l-1.164 4.313l-15.578-4.205l1.164-4.313l5.328 1.438l3.63-13.447l4.922 1.329zm-25.183-3.748l-4.373-2.62l3.54-5.906l-5.612-3.364l-3.54 5.906l-4.372-2.62l9.457-15.778l4.372 2.62l-3.593 5.996l5.612 3.364l3.593-5.995l4.373 2.62z"/></svg>

How to use the Oauth icon

React

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

<Icon icon="logos:oauth" width="24" />

Vue

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

<template>
  <Icon icon="logos:oauth" width="24" />
</template>

Svelte

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

<Icon icon="logos:oauth" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--oauth]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:oauth"></div>

Web component

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

<iconify-icon icon="logos:oauth"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/oauth.svg" alt="Oauth icon" width="24" height="24">

Oauth icon in other icon sets

Oauth icon FAQ

Is the Oauth icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Oauth icon in React?

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

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

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

Browse all SVG Logos icons →