Reddit icon

el:reddit

The Reddit icon (el:reddit) is a free SVG icon from the Elusive Icons set by Team Redux. It is drawn on a 1200 × 1200 grid. Elusive Icons are released under the Open Font 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: Elusive Icons
Author: Team Redux
License: OFL-1.1
Size: 1200 × 1200

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="1200" height="1200" viewBox="0 0 1200 1200"><path fill="currentColor" d="M799.146 879.54c13.596 22.015-.893 31.198-13.234 41.597c-53.096 39.525-127.408 53.974-188.446 54.201c-57.102-1.121-140.478-14.579-183.403-54.201c-14.659-11.579-23.414-30.209-9.453-42.856c14.785-12.4 28.186.729 39.706 10.714c49.688 34.624 94.54 36.267 153.15 42.228c63.417-3.087 105.899-12.523 160.084-43.486c12.874-11.192 27.546-21.851 41.596-8.197m219.092-785.961c-47.734 0-88.537 29.66-105.018 71.542l-232.56-57.029l-97.074 274.811c-68.908 1.68-133.605 11.342-194.111 28.989c-60.504 17.646-114.264 41.182-161.322 70.594c-25.21-22.689-55.474-34.043-90.768-34.043q-28.991-.001-53.571 10.714c-16.386 7.144-30.898 17.029-43.503 29.636c-12.605 12.604-22.454 27.305-29.597 44.111S0 567.341 0 585.829c0 24.369 5.677 46.663 17.021 66.831s26.645 36.559 45.973 49.164a2915 2915 0 0 0-2.508 20.781c-.84 7.145-1.254 14.513-1.254 22.075c0 49.579 14.06 96.422 42.211 140.539s66.835 82.538 115.995 115.312s106.302 58.638 171.428 77.546c65.127 18.907 135.051 28.343 209.841 28.343c73.951 0 143.724-9.436 209.271-28.343c65.547-18.908 122.877-44.772 172.037-77.546c49.158-32.773 87.844-71.194 115.994-115.312s42.211-90.96 42.211-140.539c0-13.445-1.277-27.317-3.799-41.604c20.168-12.605 36.146-29.224 47.91-49.812S1200 610.197 1200 585.827c0-18.487-3.572-36.119-10.715-52.926c-7.145-16.807-17.029-31.507-29.635-44.11c-12.605-12.605-27.307-22.492-44.111-29.636c-16.807-7.144-34.891-10.714-54.217-10.714c-33.615 0-63.84 11.354-90.73 34.042c-45.377-28.571-97.068-51.691-155.053-69.34c-57.982-17.646-120.162-27.722-186.551-30.242L708.394 159.8l197.037 46.201v.418c0 62.306 50.498 112.804 112.805 112.804s112.842-50.498 112.842-112.804s-50.535-112.84-112.84-112.84M598.709 425.76c68.066 0 132.353 8.384 192.857 25.19s113.248 39.513 158.205 68.085c44.959 28.571 80.484 62.406 106.535 101.48c26.053 39.076 39.059 80.468 39.059 124.164c0 43.698-13.006 84.862-39.059 123.52c-26.049 38.654-61.574 72.265-106.535 100.836c-44.957 28.571-97.701 51.278-158.207 68.085c-60.504 16.807-124.789 25.188-192.855 25.188c-68.067 0-132.354-8.383-192.857-25.188c-60.502-16.806-113.022-39.514-157.561-68.085c-44.537-28.571-79.8-62.182-105.851-100.836c-26.051-38.656-39.096-79.82-39.096-123.52c0-43.696 13.045-85.088 39.096-124.164c26.051-39.074 61.314-72.91 105.851-101.48c44.538-28.572 97.057-51.279 157.561-68.085s124.79-25.19 192.857-25.19M781.65 594.947c-46.992 0-85.107 37.816-85.107 84.46s38.115 84.461 85.107 84.461c46.988 0 85.066-37.818 85.066-84.461c.001-46.643-38.075-84.46-85.066-84.46m-353.306 1.329c-46.99 0-85.068 37.817-85.068 84.461s38.078 84.46 85.068 84.46s85.106-37.817 85.106-84.46c.001-46.643-38.116-84.461-85.106-84.461m703.572 108.703a9 9 0 0 0-1.217.76a8 8 0 0 1 1.217-.76"/></svg>

How to use the Reddit icon

React

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

<Icon icon="el:reddit" width="24" />

Vue

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

<template>
  <Icon icon="el:reddit" width="24" />
</template>

Svelte

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

<Icon icon="el:reddit" width="24" />

Tailwind CSS

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

UnoCSS

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

Web component

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

<iconify-icon icon="el:reddit"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/el/reddit.svg" alt="Reddit icon" width="24" height="24">

Reddit icon in other icon sets

Reddit icon FAQ

Is the Reddit icon free for commercial use?

Yes. Elusive Icons are released under the Open Font License, which allows use in personal and commercial projects.

How do I use the Reddit icon in React?

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

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

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

Browse all Elusive Icons →