Ikon Graduation Cap
emojione-v1:graduation-cap
Ikon Graduation Cap (emojione-v1:graduation-cap) adalah ikon SVG gratis dari set Emoji One (v1) karya Emoji One. Ikon ini digambar pada grid 64 × 64. Emoji One (v1) icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- Emoji One (v1)
- Pembuat
- Emoji One
- Lisensi
- CC-BY-SA-4.0
- Ukuran
- 64 × 64
- Kategori
- Orang
- Tag
- graduationcap
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="#30434a" d="M20.988 34.992c1.418 11.517 10.309 20.398 21.1 20.398c10.782 0 19.668-8.881 21.09-20.397h-42.2z"/><path fill="#496367" d="m31.643 61.765l12.698-12.698l8.08-8.08c.169-.17.184-.445.035-.594L41.061 28.997c-2.171-2.171-4.351-4.348-6.52-6.519c-.154-.15-.423-.134-.594.035L21.251 35.215a4735 4735 0 0 0-8.08 8.08a.43.43 0 0 0-.142.291v.034a.34.34 0 0 0 .105.269q5.7 5.698 11.394 11.394a3645 3645 0 0 0 6.523 6.519c.15.148.42.134.591-.036"/><path fill="#3b5051" d="M26.07 60.667q10.995-8.193 21.994-16.394q7-5.21 13.997-10.426c.295-.22.37-.638.176-.903c-5.04-6.767-10.09-13.54-15.13-20.312c-2.884-3.87-5.777-7.75-8.661-11.615c-.205-.273-.619-.313-.914-.096a73889 73889 0 0 1-22 16.397c-4.667 3.475-9.329 6.946-13.994 10.427c-.163.122-.248.26-.271.413c0 0-.006.008-.006.018c-.004.006-.004.012-.004.032a.54.54 0 0 0 .102.436c5.05 6.771 10.09 13.54 15.14 20.309c2.877 3.872 5.77 7.75 8.664 11.621c.195.269.61.313.911.093"/><path fill="#496367" d="M24.774 59.887c7.333-5.463 14.662-10.929 21.995-16.395c4.662-3.474 9.331-6.948 13.996-10.425c.295-.22.372-.64.175-.904c-5.04-6.767-10.08-13.541-15.13-20.313C42.929 7.98 40.036 4.1 37.153.235c-.205-.273-.621-.313-.916-.096c-7.334 5.467-14.662 10.932-21.997 16.397C9.571 20.011 4.907 23.482.246 26.964c-.165.122-.252.26-.275.413c0 0-.004.008 0 .018c-.004.006-.004.012-.004.032a.53.53 0 0 0 .102.436c5.05 6.771 10.09 13.54 15.13 20.309c2.879 3.871 5.77 7.749 8.663 11.621c.193.269.612.313.911.094"/><path fill="#30434a" d="M32.628 24.711a2.952 2.952 0 1 1-5.904 0a2.952 2.952 0 0 1 5.904 0"/><path fill="#c39983" d="M29.671 25.25c-.126-.515-.576-.957-1.215-.798c-1.979.421-23.873 8.801-23.955 8.953c-.33.125-.383 19.985-.22 29.537c0 .013.008.021.008.032c.002.121 2.01 1.74 2 .396c-.067-6.497 4.04-26.28 4.569-28.36c2.81-2.057 12.413-6.724 14.13-7.349c1.324-.447 4.82-1.906 4.679-2.411"/><path fill="#dfad92" d="M29.482 24.18c-.126-.515-.576-.956-1.215-.797c-1.979.42-23.874 8.801-23.957 8.952c-.327.126-.38 19.986-.215 29.538c0 .013.004.021.004.033c.004.119 2.02 1.739 2 .394c-.067-6.495 4.045-26.27 4.569-28.358c2.808-2.057 12.411-6.725 14.13-7.349c1.327-.45 4.821-1.909 4.68-2.413"/></svg>
Cara memakai ikon Graduation Cap
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-v1:graduation-cap" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-v1:graduation-cap" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-v1:graduation-cap" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-v1--graduation-cap]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-v1 -->
<div class="i-emojione-v1:graduation-cap"></div>
Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-v1:graduation-cap"></iconify-icon>
Gambar HTML
<img src="https://iconyz.com/api/public/svg/emojione-v1/graduation-cap.svg" alt="Ikon Graduation Cap" width="24" height="24">
Ikon Graduation Cap di set ikon lain
FAQ Ikon Graduation Cap
Apakah ikon Graduation Cap gratis untuk penggunaan komersial?
Ya. Emoji One (v1) icons dirilis di bawah lisensi CC BY-SA 4.0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial selama Anda mencantumkan kredit untuk pembuatnya dan membagikan perubahan ikon dengan lisensi yang sama.
Bagaimana cara memakai ikon Graduation Cap di React?
Pasang @iconify/react lalu render <Icon icon="emojione-v1:graduation-cap" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Graduation Cap ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/emojione-v1/graduation-cap.svg" alt="Ikon Graduation Cap">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.
Lihat semua Ikon Emoji One (v1) →
ICONYZ
