Okta icon

logos:okta

The Okta icon (logos:okta) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 169 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: 512 × 169

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="169" viewBox="0 0 512 169"><path d="M463.99 110.93c-14.3 0-24.38-11.158-24.38-25.833s10.08-25.834 24.38-25.834s24.099 11.159 24.099 25.834s-9.94 25.834-24.1 25.834m-2.298 15.379c11.534 0 21.333-4.501 27.522-13.925c1.172 9.143 7.783 12.471 16.128 12.471H512v-14.487h-2.86c-4.735 0-5.908-2.297-5.908-7.69V45.386h-15.284v11.768c-5.204-8.252-15.003-13.222-26.256-13.222c-20.067 0-38.493 16.832-38.493 41.166s18.473 41.165 38.493 41.165zm-78.72-19.88c0 13.035 8.064 18.426 17.722 18.426h18.614v-14.487h-13.55c-5.626 0-6.798-2.157-6.798-7.69V59.873h20.348V45.385H398.96V18.707h-15.988zm-72.813 18.426h15.988V90.77h5.345l27.24 34.085h20.208l-34.742-43.228l26.677-36.242H352.87L331.07 76h-4.923V18.707h-15.988zm-51.902-80.924c-22.364 0-40.79 16.832-40.79 41.166s18.473 41.165 40.79 41.165s40.79-16.832 40.79-41.165c0-24.334-18.473-41.166-40.79-41.166m0 67c-14.3 0-24.38-11.16-24.38-25.834c0-14.675 10.08-25.834 24.38-25.834s24.38 11.159 24.38 25.834s-10.08 25.834-24.38 25.834M92.799 1.172l-3.47 42.76a44 44 0 0 0-4.97-.282c-2.11 0-4.172.14-6.188.469L76.2 23.396a1.134 1.134 0 0 1 1.126-1.22h3.516L79.155 1.22C79.108.563 79.625 0 80.234 0H91.72c.656 0 1.172.563 1.078 1.219zm-28.975 2.11c-.188-.61-.844-.985-1.454-.75L51.587 6.47c-.61.235-.891.938-.61 1.5l8.768 19.13l-3.329 1.219c-.61.234-.89.937-.61 1.5l8.956 18.801a40.2 40.2 0 0 1 10.455-3.985L63.871 3.282zM37.38 15.191l24.802 34.976c-3.141 2.063-6.001 4.501-8.44 7.314l-14.86-14.628a1.133 1.133 0 0 1 .047-1.64l2.72-2.251l-14.77-14.957a1.098 1.098 0 0 1 .094-1.64l8.768-7.362c.515-.422 1.219-.328 1.594.188zM16.564 35.445c-.516-.375-1.266-.187-1.595.375l-5.72 9.94a1.11 1.11 0 0 0 .47 1.547l19.035 9.002l-1.782 3.048c-.328.562-.094 1.313.516 1.547l18.941 8.674a39.7 39.7 0 0 1 5.44-9.752zM2.544 62.451c.095-.656.751-1.031 1.36-.89l41.494 10.83a41 41 0 0 0-1.782 11.065l-20.77-1.688a1.083 1.083 0 0 1-.984-1.313l.609-3.47l-20.958-1.969C.857 74.97.435 74.36.53 73.704l1.969-11.3zM.999 90.49c-.657.046-1.079.656-.985 1.312l2.016 11.3c.094.656.75 1.031 1.36.89l20.348-5.298l.61 3.47c.093.656.75 1.031 1.36.89l20.066-5.532c-1.172-3.47-1.922-7.173-2.11-10.97L.951 90.488zm6.657 29.725a1.11 1.11 0 0 1 .47-1.547l38.726-18.38c1.454 3.47 3.423 6.705 5.767 9.612l-16.972 12.096a1.103 1.103 0 0 1-1.594-.328l-1.782-3.094l-17.3 11.956c-.516.375-1.266.187-1.595-.376l-5.767-9.94zm46.932-8.064L24.44 142.672a1.098 1.098 0 0 0 .094 1.64l8.814 7.362c.516.422 1.22.328 1.595-.188l12.19-17.16l2.719 2.298a1.107 1.107 0 0 0 1.641-.235l11.815-17.16c-3.188-1.969-6.142-4.36-8.674-7.08zm-5.954 48.995c-.61-.235-.89-.938-.61-1.5l17.864-39.01c3.282 1.689 6.845 2.955 10.549 3.658l-5.251 20.16c-.14.61-.844.985-1.454.75l-3.328-1.218l-5.58 20.3c-.187.61-.844.986-1.453.751l-10.784-3.938zm30.757-36.336l-3.47 42.759c-.047.656.47 1.219 1.079 1.219h11.486c.657 0 1.173-.563 1.079-1.22l-1.688-20.957h3.516c.657 0 1.173-.562 1.126-1.219l-1.97-20.723c-2.016.328-4.079.469-6.188.469c-1.688 0-3.33-.094-4.97-.328M120.744 9.05c.28-.61 0-1.266-.61-1.5l-10.785-3.94c-.61-.234-1.265.14-1.453.75l-5.58 20.302l-3.328-1.22c-.61-.234-1.266.141-1.454.75l-5.25 20.161c3.75.75 7.266 2.017 10.548 3.658zm23.536 17.02l-30.148 30.52a41 41 0 0 0-8.674-7.08l11.815-17.16c.375-.516 1.125-.657 1.641-.235l2.72 2.298l12.19-17.16c.375-.516 1.125-.61 1.594-.188l8.814 7.361c.516.422.516 1.172.094 1.641zm16.316 24.004c.61-.28.797-.984.469-1.547l-5.767-9.94c-.328-.562-1.078-.703-1.594-.375l-17.3 11.956l-1.782-3.047c-.329-.563-1.079-.75-1.595-.329l-16.972 12.097c2.344 2.907 4.267 6.142 5.767 9.611l38.727-18.379zm6.095 15.566l1.97 11.3a1.133 1.133 0 0 1-.985 1.312l-42.713 3.986c-.187-3.845-.937-7.502-2.11-10.971l20.067-5.533c.61-.187 1.266.235 1.36.89l.61 3.47l20.348-5.298c.61-.14 1.266.235 1.36.891zm-1.922 41.494c.61.14 1.266-.235 1.36-.891l1.969-11.3a1.133 1.133 0 0 0-.985-1.312l-20.958-1.97l.61-3.469a1.133 1.133 0 0 0-.985-1.313l-20.77-1.687a41 41 0 0 1-1.782 11.064l41.494 10.83zm-11.065 25.787c-.328.562-1.078.703-1.594.375l-35.305-24.38a39.7 39.7 0 0 0 5.439-9.753l18.942 8.674c.609.281.843.985.515 1.547l-1.781 3.048l19.035 9.002c.563.281.797.984.469 1.547zm-47.214-14.394l24.803 34.976c.375.516 1.125.61 1.594.188l8.767-7.361c.516-.422.516-1.172.094-1.641l-14.769-14.956l2.72-2.251c.515-.422.515-1.172.047-1.641l-14.863-14.628c-2.485 2.813-5.298 5.298-8.44 7.314zm-.234 47.635c-.61.235-1.266-.14-1.453-.75l-11.347-41.353a40.2 40.2 0 0 0 10.456-3.985l8.955 18.801c.281.61 0 1.313-.61 1.5l-3.329 1.22l8.768 19.129c.281.61 0 1.266-.61 1.5l-10.783 3.938z"/></svg>

How to use the Okta icon

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web component

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

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

HTML image

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

Related icons in SVG Logos

Okta icon in other icon sets

Okta icon FAQ

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

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

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

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

Browse all SVG Logos icons →