Gravatar Icon icon
logos:gravatar-icon
The Gravatar Icon icon (logos:gravatar-icon) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 256 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 256 × 256
- Tags
- gravataricon
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#4678eb" d="M102.397 25.589v89.595c0 14.132 11.457 25.589 25.59 25.589s25.588-11.457 25.588-25.59V55.578c32.265 11.375 53.116 42.72 51.14 76.873c-1.977 34.154-26.305 62.883-59.666 70.46c-33.362 7.577-67.713-7.825-84.249-37.775c-16.535-29.95-11.268-67.225 12.918-91.42c9.827-10.034 9.744-26.11-.187-36.04c-9.931-9.932-26.007-10.015-36.04-.187C-5.687 80.665-12.352 148.33 21.574 199.103c33.925 50.771 98.99 70.507 155.405 47.138c56.414-23.37 88.463-83.336 76.548-143.224C241.61 43.127 189.049-.004 127.987 0c-14.133 0-25.59 11.457-25.59 25.589"/></svg>How to use the Gravatar Icon icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:gravatar-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:gravatar-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:gravatar-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--gravatar-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:gravatar-icon"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:gravatar-icon"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/gravatar-icon.svg" alt="Gravatar Icon icon" width="24" height="24">Related icons in SVG Logos
Gravatar Icon icon FAQ
Is the Gravatar Icon icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Gravatar Icon icon in React?
Install @iconify/react and render <Icon icon="logos:gravatar-icon" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Gravatar Icon icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/gravatar-icon.svg" alt="Gravatar Icon icon">, or paste the SVG code inline to style it with CSS.