Ikon Udacity
logos:udacity
Ikon Udacity (logos:udacity) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 97. 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 × 97
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="97" viewBox="0 0 512 97"><path fill="#2015ff" d="M7.418 22.529L31.836 8.342l.015 39.783c-.046 14.745 10.299 27.971 24.596 31.45l.32.078l-.204.258c-.324.425-.635.83-1.019 1.211a29 29 0 0 1-4.23 3.456a28.5 28.5 0 0 1-4.843 2.6a28.4 28.4 0 0 1-5.341 1.633c-1.925.386-3.589.56-5.37.56h-.173a29 29 0 0 1-5.744-.595a28.3 28.3 0 0 1-10.16-4.295a28.7 28.7 0 0 1-7.677-7.694a28.3 28.3 0 0 1-2.61-4.824a28 28 0 0 1-1.64-5.32c-.397-1.968-.445-4-.44-5.729L7.313 22.59zm61.438 50.135c1.412-3.97 2.133-7.856 2.145-11.546V19.103L89.512 8.515v39.787c-.005 1.804-.173 3.513-.5 5.078a24.9 24.9 0 0 1-3.827 8.98a25.4 25.4 0 0 1-6.856 6.788a25 25 0 0 1-4.303 2.31c-1.52.653-2.935 1.087-4.734 1.447l-.2.037l-.357.062zM0 18.683l.017 42.212c-.059 19.553 15.863 35.51 35.492 35.57h.108a35.7 35.7 0 0 0 17.747-4.714l25.962-14.86c10.764-5.562 17.469-16.508 17.505-28.57l.004-44.087a.36.36 0 0 0-.176-.306L90.299.223a.36.36 0 0 0-.355-.002L63.86 14.885a.35.35 0 0 0-.181.309l.022 45.895a28.4 28.4 0 0 1-.596 5.722a28 28 0 0 1-2.1 6.258l-.065.14l-.153-.02a26 26 0 0 1-1.508-.257l-.205-.04c-1.633-.334-4.957-1.276-8.92-3.826a25.4 25.4 0 0 1-6.818-6.833a25 25 0 0 1-3.772-9.002c-.292-1.442-.413-2.937-.406-5V4.2a.36.36 0 0 0-.172-.305L32.634.052a.36.36 0 0 0-.363-.005L.18 18.375a.36.36 0 0 0-.179.308"/><path fill="#0b0b0b" d="M345.262 23.046c10.706 0 16.528 5.29 17.51 6.265l.079.078l.063.067l.704.752l-3.895 5.342l-1.037-.982c-.05-.048-5.174-4.792-13.292-4.792c-10.009 0-17.557 7.787-17.557 18.112c0 10.74 7.605 18.838 17.69 18.838c8.664 0 14.104-5.728 14.158-5.786l.979-1.057l4.233 5.159l-.7.794c-.275.311-6.855 7.62-18.736 7.62c-14.192 0-24.894-10.963-24.894-25.501c0-14.2 10.617-24.91 24.695-24.91m-160.414.597l-.005 29.93c0 11.51-9.157 19.864-21.773 19.864c-12.507 0-21.584-8.354-21.584-19.864V23.661h7.307v29.845c0 7.547 6.138 13.238 14.277 13.238c8.111 0 14.464-5.815 14.464-13.238V23.643zm102.464.023l.03.073l19.936 49.096h-7.716l-.03-.073l-6.105-14.978l-20.647 4.203l-4.421 10.848h-7.716l19.966-49.169zm-80.435-.024l16.255.025c14.945.001 24.601 9.637 24.601 24.55c0 14.946-9.695 24.604-24.699 24.604H206.76V23.64zm247.608.001v6.687h-16.822l-.005 42.489l-7.308.001V30.33h-16.822v-6.687zm20.576 0l.036.05l14.428 20.602l14.323-20.652H512l-.12.18l-18.685 28.05V72.82h-7.313V51.877L466.83 23.643zm-80.979.005v49.168h-7.313V23.648zM222.666 30.33h-8.592v35.808l8.592.024c11.144 0 17.797-6.709 17.797-17.945c0-11.2-6.653-17.887-17.797-17.887m61.294 4.232l-7.875 19.316l14.543-2.96z"/></svg>Cara memakai ikon Udacity
React
import { Icon } from "@iconify/react";
<Icon icon="logos:udacity" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:udacity" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:udacity" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--udacity]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:udacity"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:udacity"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/udacity.svg" alt="Ikon Udacity" width="24" height="24">Ikon terkait di SVG Logos
Ikon Udacity di set ikon lain
FAQ Ikon Udacity
Apakah ikon Udacity 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 Udacity di React?
Pasang @iconify/react lalu render <Icon icon="logos:udacity" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Udacity ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/udacity.svg" alt="Ikon Udacity">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.