Oauth icon
Download the Oauth logo as free SVG or PNG. Customize its outline stroke. Copy React, Vue or Svelte code.
- oauth
- authorization
- authentication
- login
- token
- security
- api
- logo
- brand
- social
Size
Stroke
Color
- Category
- brand
- Styles
- Outline
- Component
- IconBrandOauth
- License
- MIT · Paweł Kuna
- Files
-
outline/brand-oauth.svg
Code
Copy it the way you use it
brand-oauth.svg
<svg
xmlns="http://www.w3.org/2000/svg"
width="24"
height="24"
viewBox="0 0 24 24"
fill="none"
stroke="currentColor"
stroke-width="2"
stroke-linecap="round"
stroke-linejoin="round"
>
<path d="M2 12a10 10 0 1 0 20 0a10 10 0 1 0 -20 0" />
<path d="M12.556 6c.65 0 1.235 .373 1.508 .947l2.839 7.848a1.646 1.646 0 0 1 -1.01 2.108a1.673 1.673 0 0 1 -2.068 -.851l-.46 -1.052h-2.73l-.398 .905a1.67 1.67 0 0 1 -1.977 1.045l-.153 -.047a1.647 1.647 0 0 1 -1.056 -1.956l2.824 -7.852a1.664 1.664 0 0 1 1.409 -1.087l1.272 -.008" />
</svg>Use the Oauth icon
For a decorative icon beside text, add aria-hidden="true" to the SVG. For an icon-only control, put its accessible name on the button or link.
React example
import { IconBrandOauth } from '@tabler/icons-react';
<IconBrandOauth size={24} stroke={2} />Vue example
import { IconBrandOauth } from '@tabler/icons-vue';
<IconBrandOauth :size="24" :stroke="2" />Svelte 5 example
import { IconBrandOauth } from '@tabler/icons-svelte-runes';
<IconBrandOauth size={24} stroke={2} />Related