Raphael icon

logos:raphael

The Raphael icon (logos:raphael) 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

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><path fill="#f89938" d="M127.997 247.452c-14.063 0-27.287-5.475-37.233-15.426L23.98 165.243c-9.957-9.943-15.442-23.17-15.442-37.242c0-14.074 5.485-27.304 15.445-37.252l66.782-66.78c9.946-9.949 23.165-15.42 37.231-15.42c14.064 0 27.288 5.471 37.237 15.417l66.78 66.788c9.956 9.938 15.447 23.168 15.447 37.245s-5.488 27.304-15.45 37.25l-66.78 66.777c-9.946 9.951-23.17 15.426-37.234 15.426"/><path fill="#39f" d="M82.24 58.308c0-25.272 20.488-45.76 45.76-45.76c25.275 0 45.76 20.488 45.76 45.76c0 25.275-20.485 45.76-45.76 45.76c-25.275.003-45.76-20.485-45.76-45.76"/><path fill="#333" d="M246.713 159.027c6.038-9.128 9.287-19.82 9.287-31.018c0-15.084-5.881-29.26-16.55-39.907l-71.556-71.566l-.027.027C157.657 6.336 143.554 0 127.996 0S98.338 6.339 88.13 16.566l-.024-.027l-71.557 71.555C5.88 98.754 0 112.93 0 128.01c0 15.077 5.876 29.252 16.544 39.905l64.522 64.523a91 91 0 0 0 8.17 8.115C99.754 250.52 113.45 256 127.995 256c15.068 0 29.24-5.868 39.895-16.528l69.615-69.614c.176-.173.352-.352.528-.528l1.411-1.408a57 57 0 0 0 7.135-8.684q.074-.1.152-.2zm-11.592-31.018a35.27 35.27 0 0 1-5.805 19.453c-2.261 3.087-4.62 5.784-7.051 8.115l-.174.174c-11.445 10.887-24.377 13.972-35.351 13.972c-6.039 0-11.49-.937-15.773-2.018c-25.081-6.336-52.345-27.92-64.822-59.397a56 56 0 0 0 21.85 4.41c29.1 0 53.115-22.168 56.056-50.499l40.64 40.638c6.726 6.723 10.43 15.654 10.43 25.152M127.999 20.877c19.568 0 35.481 15.919 35.481 35.482c0 19.567-15.915 35.486-35.481 35.486c-19.564 0-35.48-15.92-35.48-35.486c0-19.563 15.916-35.482 35.48-35.482m-96.695 132.28c-6.723-6.718-10.428-15.649-10.428-25.145c0-9.499 3.702-18.429 10.425-25.144L58.795 75.37c-7.175 24.43-10.257 50.138-8.605 74.78a175 175 0 0 0 3.577 25.464zm47.003-70.24c6.038 47.248 43.437 93.884 87.548 105.032c7.186 1.814 14.232 2.707 21.047 2.707c.098 0 .198-.008.295-.008l-34.063 34.067c-6.718 6.712-15.645 10.41-25.138 10.41c-6.61 0-12.924-1.83-18.426-5.182l.01-.019c-2.165-1.435-4.229-3.057-6.235-4.774c-.157-.154-.325-.281-.48-.435l-6.882-6.884c-14.153-16.249-23.054-40.427-24.968-69.075c-1.449-21.678 1.153-44.282 7.292-65.839"/></svg>

How to use the Raphael icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:raphael" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:raphael" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:raphael" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--raphael]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:raphael"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:raphael"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/raphael.svg" alt="Raphael icon" width="24" height="24">

Raphael icon in other icon sets

Raphael icon FAQ

Is the Raphael 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 Raphael icon in React?

Install @iconify/react and render <Icon icon="logos:raphael" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Raphael icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/raphael.svg" alt="Raphael icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →