reddit icon

reddit from Mage Icons by MageIcons · Outline · Apache-2.0 Free for personal and commercial use.

Name
reddit
Set
Mage Icons
Style
Outline
Viewbox
24×24
License
Apache 2.0

The same icon in other sets

reddit-fillAkar IconsredditBootstrap IconsredditBoxicons BrandsredditFont Awesome 6 BrandsredditHuge IconsredditJam IconsredditLine AwesomeredditMaterial Line IconsredditSVG LogosredditMaterial Design Iconsreddit-fillMingCute IconredditOpenMojireddit-fillRemix IconredditSimple Iconsreddit-outlineTeenyicons

Use the reddit icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a10 10 0 1 0 0 20a10 10 0 0 0 0-20m6.235 11.43c-.072 0-.155.123-.145.196a3.58 3.58 0 0 1-1.676 3.26a6.7 6.7 0 0 1-3.025 1.184a8.2 8.2 0 0 1-4.115-.36a5.4 5.4 0 0 1-2.799-2.058a3.1 3.1 0 0 1-.514-1.996a.27.27 0 0 0-.154-.298a1.534 1.534 0 1 1 1.687-2.49a.195.195 0 0 0 .288 0a7.2 7.2 0 0 1 3.56-1.162c.4 0 .4 0 .483-.422c.226-1.029.453-2.058.669-3.086c.062-.289.185-.37.463-.31l2.253.474a.216.216 0 0 0 .257-.092a1.03 1.03 0 0 1 1.204-.433a1.1 1.1 0 0 1 .782 1.03a1.13 1.13 0 0 1-.659 1.028a1.11 1.11 0 0 1-1.45-.607c0-.113-.062-.226-.103-.35l-2.212-.463c-.226 1.03-.453 2.14-.69 3.22a7.66 7.66 0 0 1 4.054 1.297a1.52 1.52 0 0 1 1.163-.412a1.49 1.49 0 0 1 1.378 1.142a1.55 1.55 0 0 1-.69 1.708z"/><path fill="currentColor" d="M14.53 16.105a3.95 3.95 0 0 1-2.345.751a4.02 4.02 0 0 1-2.736-.792a.236.236 0 0 1 0-.36a.26.26 0 0 1 .303-.067a.3.3 0 0 1 .088.067a4.12 4.12 0 0 0 3.827.35q.286-.127.535-.32c.298-.298.648.103.329.37m-3.837-2.921a1.08 1.08 0 0 1-1.348 1.029h-.093a1.03 1.03 0 0 1-.7-.977a1.03 1.03 0 0 1 1.03-1.091a1.1 1.1 0 0 1 1.11 1.04m4.774-.001a1.028 1.028 0 1 1-2.05-.164a1.028 1.028 0 0 1 2.05.164"/></svg>

React

import type { SVGProps } from "react";

export function MageReddit(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a10 10 0 1 0 0 20a10 10 0 0 0 0-20m6.235 11.43c-.072 0-.155.123-.145.196a3.58 3.58 0 0 1-1.676 3.26a6.7 6.7 0 0 1-3.025 1.184a8.2 8.2 0 0 1-4.115-.36a5.4 5.4 0 0 1-2.799-2.058a3.1 3.1 0 0 1-.514-1.996a.27.27 0 0 0-.154-.298a1.534 1.534 0 1 1 1.687-2.49a.195.195 0 0 0 .288 0a7.2 7.2 0 0 1 3.56-1.162c.4 0 .4 0 .483-.422c.226-1.029.453-2.058.669-3.086c.062-.289.185-.37.463-.31l2.253.474a.216.216 0 0 0 .257-.092a1.03 1.03 0 0 1 1.204-.433a1.1 1.1 0 0 1 .782 1.03a1.13 1.13 0 0 1-.659 1.028a1.11 1.11 0 0 1-1.45-.607c0-.113-.062-.226-.103-.35l-2.212-.463c-.226 1.03-.453 2.14-.69 3.22a7.66 7.66 0 0 1 4.054 1.297a1.52 1.52 0 0 1 1.163-.412a1.49 1.49 0 0 1 1.378 1.142a1.55 1.55 0 0 1-.69 1.708z"/><path fill="currentColor" d="M14.53 16.105a3.95 3.95 0 0 1-2.345.751a4.02 4.02 0 0 1-2.736-.792a.236.236 0 0 1 0-.36a.26.26 0 0 1 .303-.067a.3.3 0 0 1 .088.067a4.12 4.12 0 0 0 3.827.35q.286-.127.535-.32c.298-.298.648.103.329.37m-3.837-2.921a1.08 1.08 0 0 1-1.348 1.029h-.093a1.03 1.03 0 0 1-.7-.977a1.03 1.03 0 0 1 1.03-1.091a1.1 1.1 0 0 1 1.11 1.04m4.774-.001a1.028 1.028 0 1 1-2.05-.164a1.028 1.028 0 0 1 2.05.164"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M12 2a10 10 0 1 0 0 20a10 10 0 0 0 0-20m6.235 11.43c-.072 0-.155.123-.145.196a3.58 3.58 0 0 1-1.676 3.26a6.7 6.7 0 0 1-3.025 1.184a8.2 8.2 0 0 1-4.115-.36a5.4 5.4 0 0 1-2.799-2.058a3.1 3.1 0 0 1-.514-1.996a.27.27 0 0 0-.154-.298a1.534 1.534 0 1 1 1.687-2.49a.195.195 0 0 0 .288 0a7.2 7.2 0 0 1 3.56-1.162c.4 0 .4 0 .483-.422c.226-1.029.453-2.058.669-3.086c.062-.289.185-.37.463-.31l2.253.474a.216.216 0 0 0 .257-.092a1.03 1.03 0 0 1 1.204-.433a1.1 1.1 0 0 1 .782 1.03a1.13 1.13 0 0 1-.659 1.028a1.11 1.11 0 0 1-1.45-.607c0-.113-.062-.226-.103-.35l-2.212-.463c-.226 1.03-.453 2.14-.69 3.22a7.66 7.66 0 0 1 4.054 1.297a1.52 1.52 0 0 1 1.163-.412a1.49 1.49 0 0 1 1.378 1.142a1.55 1.55 0 0 1-.69 1.708z"/><path fill="currentColor" d="M14.53 16.105a3.95 3.95 0 0 1-2.345.751a4.02 4.02 0 0 1-2.736-.792a.236.236 0 0 1 0-.36a.26.26 0 0 1 .303-.067a.3.3 0 0 1 .088.067a4.12 4.12 0 0 0 3.827.35q.286-.127.535-.32c.298-.298.648.103.329.37m-3.837-2.921a1.08 1.08 0 0 1-1.348 1.029h-.093a1.03 1.03 0 0 1-.7-.977a1.03 1.03 0 0 1 1.03-1.091a1.1 1.1 0 0 1 1.11 1.04m4.774-.001a1.028 1.028 0 1 1-2.05-.164a1.028 1.028 0 0 1 2.05.164"/></svg>
</template>

CSS

.icon-reddit {
  width: 24px;
  height: 24px;
  background-color: currentColor;
  -webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202a10%2010%200%201%200%200%2020a10%2010%200%200%200%200-20m6.235%2011.43c-.072%200-.155.123-.145.196a3.58%203.58%200%200%201-1.676%203.26a6.7%206.7%200%200%201-3.025%201.184a8.2%208.2%200%200%201-4.115-.36a5.4%205.4%200%200%201-2.799-2.058a3.1%203.1%200%200%201-.514-1.996a.27.27%200%200%200-.154-.298a1.534%201.534%200%201%201%201.687-2.49a.195.195%200%200%200%20.288%200a7.2%207.2%200%200%201%203.56-1.162c.4%200%20.4%200%20.483-.422c.226-1.029.453-2.058.669-3.086c.062-.289.185-.37.463-.31l2.253.474a.216.216%200%200%200%20.257-.092a1.03%201.03%200%200%201%201.204-.433a1.1%201.1%200%200%201%20.782%201.03a1.13%201.13%200%200%201-.659%201.028a1.11%201.11%200%200%201-1.45-.607c0-.113-.062-.226-.103-.35l-2.212-.463c-.226%201.03-.453%202.14-.69%203.22a7.66%207.66%200%200%201%204.054%201.297a1.52%201.52%200%200%201%201.163-.412a1.49%201.49%200%200%201%201.378%201.142a1.55%201.55%200%200%201-.69%201.708z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.53%2016.105a3.95%203.95%200%200%201-2.345.751a4.02%204.02%200%200%201-2.736-.792a.236.236%200%200%201%200-.36a.26.26%200%200%201%20.303-.067a.3.3%200%200%201%20.088.067a4.12%204.12%200%200%200%203.827.35q.286-.127.535-.32c.298-.298.648.103.329.37m-3.837-2.921a1.08%201.08%200%200%201-1.348%201.029h-.093a1.03%201.03%200%200%201-.7-.977a1.03%201.03%200%200%201%201.03-1.091a1.1%201.1%200%200%201%201.11%201.04m4.774-.001a1.028%201.028%200%201%201-2.05-.164a1.028%201.028%200%200%201%202.05.164%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
  mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12%202a10%2010%200%201%200%200%2020a10%2010%200%200%200%200-20m6.235%2011.43c-.072%200-.155.123-.145.196a3.58%203.58%200%200%201-1.676%203.26a6.7%206.7%200%200%201-3.025%201.184a8.2%208.2%200%200%201-4.115-.36a5.4%205.4%200%200%201-2.799-2.058a3.1%203.1%200%200%201-.514-1.996a.27.27%200%200%200-.154-.298a1.534%201.534%200%201%201%201.687-2.49a.195.195%200%200%200%20.288%200a7.2%207.2%200%200%201%203.56-1.162c.4%200%20.4%200%20.483-.422c.226-1.029.453-2.058.669-3.086c.062-.289.185-.37.463-.31l2.253.474a.216.216%200%200%200%20.257-.092a1.03%201.03%200%200%201%201.204-.433a1.1%201.1%200%200%201%20.782%201.03a1.13%201.13%200%200%201-.659%201.028a1.11%201.11%200%200%201-1.45-.607c0-.113-.062-.226-.103-.35l-2.212-.463c-.226%201.03-.453%202.14-.69%203.22a7.66%207.66%200%200%201%204.054%201.297a1.52%201.52%200%200%201%201.163-.412a1.49%201.49%200%200%201%201.378%201.142a1.55%201.55%200%200%201-.69%201.708z%22%2F%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M14.53%2016.105a3.95%203.95%200%200%201-2.345.751a4.02%204.02%200%200%201-2.736-.792a.236.236%200%200%201%200-.36a.26.26%200%200%201%20.303-.067a.3.3%200%200%201%20.088.067a4.12%204.12%200%200%200%203.827.35q.286-.127.535-.32c.298-.298.648.103.329.37m-3.837-2.921a1.08%201.08%200%200%201-1.348%201.029h-.093a1.03%201.03%200%200%201-.7-.977a1.03%201.03%200%200%201%201.03-1.091a1.1%201.1%200%200%201%201.11%201.04m4.774-.001a1.028%201.028%200%201%201-2.05-.164a1.028%201.028%200%200%201%202.05.164%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/mage/reddit.svg?color=%231a73e8&size=48