Ikon Gravatar
logos:gravatar
Ikon Gravatar (logos:gravatar) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 96. 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 × 96
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="96" viewBox="0 0 512 96"><path fill="#4678eb" d="M38.039 9.506v33.283a9.506 9.506 0 1 0 19.011 0V20.646a28.532 28.532 0 1 1-29.665 6.737a9.516 9.516 0 0 0-13.458-13.457c-16.04 16.04-18.515 41.176-5.913 60.037s36.774 26.192 57.73 17.51c20.957-8.68 32.863-30.957 28.436-53.204C89.754 16.02 70.228-.001 47.545 0a9.506 9.506 0 0 0-9.506 9.506"/><path d="M162.397 85.014q11.867 0 23.227-5.678q1.722-.815 2.79-2.486q1.065-1.675 1.063-3.804V50.02q.001-2.027-1.42-3.448a4.7 4.7 0 0 0-3.447-1.42h-19.984q-1.721 0-2.94 1.22q-1.216 1.214-1.216 2.94t1.215 2.941a4 4 0 0 0 2.941 1.219h16.737v18.356a36.6 36.6 0 0 1-17.751 4.466c-5.678 0-10.601-1.2-14.757-3.603a24.27 24.27 0 0 1-9.534-9.837q-3.297-6.238-3.297-14.15c0-5.749 1.166-10.7 3.497-14.864a23.37 23.37 0 0 1 9.686-9.48q6.19-3.246 13.898-3.248q5.58 0 10.347 1.423q4.767 1.417 9.534 4.261a4.75 4.75 0 0 0 2.131.504q1.93 0 3.092-1.215c.779-.81 1.17-1.796 1.17-2.945a4.26 4.26 0 0 0-.61-2.229a3.57 3.57 0 0 0-1.419-1.42a50.8 50.8 0 0 0-11.411-5.377q-5.937-1.928-13.849-1.927q-9.836 0-17.902 4.565q-8.064 4.564-12.728 12.883q-4.666 8.316-4.667 19.068q-.001 10.55 4.462 18.815A32.03 32.03 0 0 0 143.832 80.4q8.116 4.616 18.561 4.614zm43.426-.507q1.928.002 3.296-1.318q1.37-1.319 1.37-3.247V49.107a20.56 20.56 0 0 1 6.798-6.54a17.3 17.3 0 0 1 8.925-2.385h.507q2.026 0 3.346-1.218q1.319-1.216 1.317-3.145c0-1.282-.423-2.367-1.268-3.244a4.24 4.24 0 0 0-3.194-1.32h-.508q-8.822 0-15.923 9.537v-4.364q0-1.928-1.373-3.297a4.5 4.5 0 0 0-3.293-1.37q-1.928 0-3.247 1.374q-1.32 1.364-1.318 3.293v43.514q0 1.928 1.318 3.247t3.247 1.318m44.3.507q11.563-.002 19.071-7.706v2.634q-.001 1.928 1.317 3.247q1.32 1.319 3.247 1.318q1.923.002 3.297-1.318q1.368-1.319 1.367-3.247V51.238q0-5.273-2.283-9.791q-2.282-4.514-7.1-7.35q-4.817-2.843-11.816-2.843q-8.927.001-17.547 3.652q-2.639 1.116-2.638 3.857q.001 1.621 1.117 2.737q1.113 1.115 2.638 1.116c.338 0 .774-.07 1.317-.204q3.652-1.216 6.642-1.825a34.6 34.6 0 0 1 6.847-.609q7 .002 10.298 2.941c2.198 1.962 3.297 5.177 3.297 9.636v.81H256.92c-7.643 0-13.44 1.49-17.399 4.466q-5.931 4.465-5.93 11.968q0 4.567 2.229 8.065a14.4 14.4 0 0 0 6.036 5.325q3.803 1.827 8.266 1.825m3.451-8.115c-3.857 0-6.61-.74-8.27-2.23q-2.483-2.235-2.483-5.881q.002-8.015 15.314-8.016h11.059v8.523a24 24 0 0 1-7.002 5.424a18.34 18.34 0 0 1-8.622 2.184zm55.658 7.608a5.7 5.7 0 0 0 3.346-1.064q1.525-1.066 2.233-2.687l17.652-42.197a5.7 5.7 0 0 0 .507-2.131q0-1.928-1.32-3.297a4.33 4.33 0 0 0-3.244-1.37q-1.32 0-2.487.761c-.775.507-1.338 1.134-1.673 1.877l-15.521 39.359l-15.518-39.359a4.43 4.43 0 0 0-1.673-1.877a4.47 4.47 0 0 0-2.487-.76q-1.928 0-3.243 1.373q-1.32 1.364-1.321 3.293q0 .915.507 2.13l17.649 42.194q.712 1.626 2.233 2.691a5.7 5.7 0 0 0 3.346 1.064zm43.796.507c7.71 0 14.063-2.571 19.068-7.706v2.634q0 1.928 1.32 3.247c.881.88 1.959 1.318 3.244 1.318q1.929.002 3.297-1.318q1.372-1.319 1.37-3.247V51.238q0-5.273-2.282-9.791q-2.282-4.514-7.1-7.35q-4.818-2.843-11.817-2.843c-5.952 0-11.798 1.219-17.55 3.652q-2.635 1.116-2.634 3.857q0 1.621 1.113 2.737c.746.743 1.623 1.116 2.641 1.116q.503-.002 1.317-.204c2.43-.81 4.65-1.42 6.643-1.825c2.256-.43 4.55-.634 6.847-.609c4.666 0 8.1.983 10.294 2.941c2.198 1.962 3.297 5.177 3.297 9.636v.81h-12.274q-11.464.001-17.395 4.466q-5.934 4.465-5.935 11.968c0 3.043.747 5.734 2.233 8.065a14.4 14.4 0 0 0 6.037 5.325q3.803 1.827 8.266 1.825m3.448-8.115c-3.853 0-6.61-.74-8.266-2.23s-2.487-3.45-2.487-5.881q.001-8.015 15.317-8.016h11.06v8.523a24 24 0 0 1-7.002 5.424a18.34 18.34 0 0 1-8.622 2.184zm53.837 8.115q4.46.002 8.418-1.825q2.332-1.215 2.331-3.55a3.44 3.44 0 0 0-1.113-2.585a3.58 3.58 0 0 0-2.536-1.067q-.71 0-1.169.102a34 34 0 0 0-.86.204a14 14 0 0 1-4.057.606q-2.84.002-4.719-1.064q-1.874-1.065-1.874-5.022V40.186h11.46q1.724 0 2.84-1.166q1.118-1.167 1.116-2.79q.001-1.726-1.116-2.842a3.85 3.85 0 0 0-2.84-1.116h-11.46v-8.118a2.04 2.04 0 0 0-.56-1.42a1.79 1.79 0 0 0-1.37-.61q-.808.002-1.726.917l-13.792 13.49c-.609.471-.915 1.049-.915 1.725q.002.81.563 1.366c.359.367.853.57 1.367.56h7.202v31.445q-.002 13.387 14.81 13.387m30.91 0c7.712 0 14.066-2.571 19.07-7.706v2.634q0 1.928 1.318 3.247q1.32 1.319 3.247 1.318q1.929.002 3.297-1.318q1.369-1.319 1.37-3.247V51.238q0-5.273-2.282-9.791q-2.283-4.514-7.1-7.35c-3.213-1.895-7.15-2.843-11.82-2.843q-8.928.001-17.547 3.652q-2.64 1.116-2.638 3.857q0 1.621 1.116 2.737q1.113 1.115 2.638 1.116q.505-.002 1.318-.204q3.65-1.216 6.646-1.825a34.6 34.6 0 0 1 6.846-.609q6.996.002 10.295 2.941c2.198 1.962 3.297 5.177 3.297 9.636v.81H448.02c-7.643 0-13.44 1.49-17.4 4.466c-3.95 2.976-5.93 6.967-5.93 11.968q-.001 4.567 2.233 8.065a14.4 14.4 0 0 0 6.033 5.325q3.806 1.827 8.266 1.825m3.45-8.115c-3.856 0-6.61-.74-8.269-2.23q-2.483-2.235-2.483-5.881q.001-8.015 15.317-8.016h11.056v8.523a24 24 0 0 1-6.999 5.424a18.34 18.34 0 0 1-8.621 2.184zm41.764 7.608q1.929.002 3.297-1.318q1.372-1.319 1.37-3.247V49.107a20.56 20.56 0 0 1 6.797-6.54a17.3 17.3 0 0 1 8.925-2.385h.507q2.028 0 3.346-1.218Q512 37.748 512 35.819c0-1.282-.423-2.367-1.268-3.244a4.24 4.24 0 0 0-3.198-1.32h-.507q-8.823 0-15.923 9.537v-4.364q-.001-1.928-1.37-3.297a4.5 4.5 0 0 0-3.297-1.37q-1.927 0-3.247 1.374q-1.318 1.364-1.317 3.293v43.514q0 1.928 1.317 3.247q1.32 1.319 3.247 1.318"/></svg>Cara memakai ikon Gravatar
React
import { Icon } from "@iconify/react";
<Icon icon="logos:gravatar" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:gravatar" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:gravatar" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--gravatar]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:gravatar"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:gravatar"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/gravatar.svg" alt="Ikon Gravatar" width="24" height="24">Ikon terkait di SVG Logos
Ikon Gravatar di set ikon lain
FAQ Ikon Gravatar
Apakah ikon Gravatar 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 Gravatar di React?
Pasang @iconify/react lalu render <Icon icon="logos:gravatar" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Gravatar ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/gravatar.svg" alt="Ikon Gravatar">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.