Ikon Oauth
logos:oauth
Ikon Oauth (logos:oauth) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 256 × 256. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 256 × 256
Kode SVG
<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>Cara memakai ikon Oauth
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/oauth.svg" alt="Ikon Oauth" width="24" height="24">Ikon Oauth di set ikon lain
FAQ Ikon Oauth
Apakah ikon Oauth gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Oauth di React?
Pasang @iconify/react lalu render <Icon icon="logos:oauth" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Oauth ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/oauth.svg" alt="Ikon Oauth">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.