Ikon Workos
logos:workos
Ikon Workos (logos:workos) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 98. 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
- 512 × 98
- Tag
- worko
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="98" viewBox="0 0 512 98"><path fill="#29363d" d="M148.517 14.694h14.149l10.187 41.975c1.887 7.922 2.262 12.64 2.262 12.64h.19s.66-4.62 2.547-12.64l9.712-41.971h16.035l10.278 41.97c1.98 8.208 2.456 12.64 2.456 12.64h.285s.187-4.432 2.07-12.64l9.81-41.97h14.148L224.727 83.55h-15.751l-10.843-41.694c-2.265-9.053-2.456-13.108-2.456-13.108h-.191s-.191 4.055-2.261 13.108l-10.188 41.69h-16.219zm91.766 43.842c0-15.756 10.188-25.94 25.565-25.94c15.28 0 25.463 10.184 25.463 25.935c0 15.845-10.187 26.13-25.463 26.13c-15.373-.003-25.565-10.285-25.565-26.13zm37.823 0c0-10.188-4.905-15.943-12.258-15.943c-7.922 0-12.36 6.414-12.36 15.943c0 10.374 4.905 16.125 12.36 16.125c7.923 0 12.258-6.418 12.258-16.13zm19.521-25.17h12.543v9.247h.284c2.172-4.81 7.353-9.622 16.22-9.622c1.504 0 2.452.191 3.11.374v12.543h-.374s-1.13-.374-4.245-.374c-9.712 0-14.995 5.75-14.995 16.503V83.54h-12.543zm38.006-18.672h12.542v22.071c0 13.014-.19 15.373-.19 15.373h.19l18.676-18.769h15.653l-21.872 21.693l25.374 28.485H371.19l-18.3-20.753l-4.718 4.62v16.125H335.63V14.694zm50.552 34.679c0-21.222 13.21-35.366 33.015-35.366c19.806 0 33.012 14.144 33.012 35.366c0 21.221-13.206 35.366-33.012 35.366s-33.015-14.145-33.015-35.366m52.346 0c0-14.43-7.732-24.15-19.339-24.15s-19.33 9.72-19.33 24.15s7.727 24.15 19.33 24.15c11.6 0 19.339-9.72 19.339-24.15m18.48 11.257h14.34c0 8.114 5.568 12.64 14.055 12.64c7.166 0 12.075-3.587 12.075-8.679c0-5.75-3.77-7.263-15.755-9.618c-10.94-2.172-22.543-5.852-22.543-20.188c0-11.978 10.187-21.03 25.747-21.03c16.22 0 26.224 8.487 26.224 21.31h-14.34c0-6.222-4.807-10.094-11.884-10.094c-7.166 0-11.598 3.49-11.598 8.581c0 5.377 3.11 7.447 12.733 9.427C500.303 46.001 512 47.6 512 63.444c0 12.555-10.94 21.043-27.07 21.043c-16.41 0-27.92-9.525-27.92-23.857"/><path fill="#6363f1" d="M65.584 0a19.4 19.4 0 0 0-5.34 5.697l-.252.424l-4.771 8.256l-19.859 34.426l18.81 32.512l-4.767 8.26a16.024 16.024 0 0 1-19.074 7.17c-3.7-1.235-6.7-3.944-8.725-7.275l-.206-.347L1.651 54.924C.561 53.082 0 50.943 0 48.804a12.1 12.1 0 0 1 1.454-5.766l.197-.351l20.31-35.18A14.95 14.95 0 0 1 34.602.005l.35-.004zm6.303.862A16.11 16.11 0 0 1 90.781 7.73l.18.303l20.01 34.65c1.09 1.839 1.65 3.982 1.65 6.121c0 2.006-.492 4.011-1.452 5.769l-.198.348L90.66 90.1a14.95 14.95 0 0 1-12.64 7.503l-.35.004H47.038a19.8 19.8 0 0 0 5.32-5.668l.272-.453l4.77-8.26l19.86-34.423l-18.81-32.551l4.506-7.768c2.026-3.494 5.108-6.345 8.931-7.622"/></svg>Cara memakai ikon Workos
React
import { Icon } from "@iconify/react";
<Icon icon="logos:workos" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:workos" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:workos" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--workos]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:workos"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:workos"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/workos.svg" alt="Ikon Workos" width="24" height="24">Ikon terkait di SVG Logos
FAQ Ikon Workos
Apakah ikon Workos 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 Workos di React?
Pasang @iconify/react lalu render <Icon icon="logos:workos" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Workos ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/workos.svg" alt="Ikon Workos">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.