reddit icon
reddit from Jam Icons by Michael Amprimo · Outline · MIT Free for personal and commercial use.
- Name
- Set
- Jam Icons
- Style
- Outline
- Viewbox
- 24×24
- License
- MIT
The same icon in other sets
reddit-fillAkar IconsredditBootstrap IconsredditBoxicons BrandsredditFont Awesome 6 BrandsredditHuge IconsredditLine AwesomeredditMaterial Line IconsredditSVG LogosredditMage IconsredditMaterial 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="-2 -3 24 24"><g fill="currentColor"><path d="M19.986 8.029a2.51 2.51 0 0 0-4.285-1.771c-1.404-.906-3.197-1.483-5.166-1.573a2.73 2.73 0 0 1 1.028-2.139a2.74 2.74 0 0 1 2.315-.539l.112.025l-.004.084a2.095 2.095 0 1 0 .328-1.121L14.113.95a3.81 3.81 0 0 0-3.228.752a3.81 3.81 0 0 0-1.433 2.983c-1.97.09-3.762.667-5.165 1.572a2.51 2.51 0 1 0-2.94 3.994q-.092.465-.093.952c0 3.606 3.912 6.53 8.74 6.53c4.826 0 8.739-2.924 8.739-6.53q0-.486-.093-.952a2.51 2.51 0 0 0 1.346-2.222m-3.905-6.925a1.013 1.013 0 0 1 0 2.025a1.013 1.013 0 0 1 0-2.025M1.083 8.03c0-.787.64-1.427 1.427-1.427c.337 0 .646.118.89.314c-.763.655-1.354 1.425-1.721 2.27a1.42 1.42 0 0 1-.596-1.157m14.442 6.923c-1.465 1.095-3.43 1.698-5.532 1.698s-4.067-.603-5.531-1.698c-1.37-1.023-2.125-2.355-2.125-3.75c0-1.394.754-2.725 2.125-3.75C5.926 6.359 7.89 5.757 9.993 5.757s4.067.602 5.532 1.697c1.37 1.024 2.125 2.355 2.125 3.75c0 1.394-.755 2.726-2.125 3.75zm2.782-5.767c-.367-.845-.958-1.614-1.721-2.269c.244-.196.554-.314.89-.314c.787 0 1.427.64 1.427 1.427c0 .476-.235.898-.596 1.156"/><circle cx="6.801" cy="9.678" r="1.143"/><circle cx="13.185" cy="9.678" r="1.143"/><path d="M12.701 12.455a4.36 4.36 0 0 1-2.94 1.138a4.33 4.33 0 0 1-3.195-1.39a.541.541 0 1 0-.793.738a5.47 5.47 0 0 0 3.988 1.735a5.44 5.44 0 0 0 3.67-1.421a.541.541 0 1 0-.73-.8"/></g></svg>
React
import type { SVGProps } from "react";
export function JamReddit(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -3 24 24"><g fill="currentColor"><path d="M19.986 8.029a2.51 2.51 0 0 0-4.285-1.771c-1.404-.906-3.197-1.483-5.166-1.573a2.73 2.73 0 0 1 1.028-2.139a2.74 2.74 0 0 1 2.315-.539l.112.025l-.004.084a2.095 2.095 0 1 0 .328-1.121L14.113.95a3.81 3.81 0 0 0-3.228.752a3.81 3.81 0 0 0-1.433 2.983c-1.97.09-3.762.667-5.165 1.572a2.51 2.51 0 1 0-2.94 3.994q-.092.465-.093.952c0 3.606 3.912 6.53 8.74 6.53c4.826 0 8.739-2.924 8.739-6.53q0-.486-.093-.952a2.51 2.51 0 0 0 1.346-2.222m-3.905-6.925a1.013 1.013 0 0 1 0 2.025a1.013 1.013 0 0 1 0-2.025M1.083 8.03c0-.787.64-1.427 1.427-1.427c.337 0 .646.118.89.314c-.763.655-1.354 1.425-1.721 2.27a1.42 1.42 0 0 1-.596-1.157m14.442 6.923c-1.465 1.095-3.43 1.698-5.532 1.698s-4.067-.603-5.531-1.698c-1.37-1.023-2.125-2.355-2.125-3.75c0-1.394.754-2.725 2.125-3.75C5.926 6.359 7.89 5.757 9.993 5.757s4.067.602 5.532 1.697c1.37 1.024 2.125 2.355 2.125 3.75c0 1.394-.755 2.726-2.125 3.75zm2.782-5.767c-.367-.845-.958-1.614-1.721-2.269c.244-.196.554-.314.89-.314c.787 0 1.427.64 1.427 1.427c0 .476-.235.898-.596 1.156"/><circle cx="6.801" cy="9.678" r="1.143"/><circle cx="13.185" cy="9.678" r="1.143"/><path d="M12.701 12.455a4.36 4.36 0 0 1-2.94 1.138a4.33 4.33 0 0 1-3.195-1.39a.541.541 0 1 0-.793.738a5.47 5.47 0 0 0 3.988 1.735a5.44 5.44 0 0 0 3.67-1.421a.541.541 0 1 0-.73-.8"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="-2 -3 24 24"><g fill="currentColor"><path d="M19.986 8.029a2.51 2.51 0 0 0-4.285-1.771c-1.404-.906-3.197-1.483-5.166-1.573a2.73 2.73 0 0 1 1.028-2.139a2.74 2.74 0 0 1 2.315-.539l.112.025l-.004.084a2.095 2.095 0 1 0 .328-1.121L14.113.95a3.81 3.81 0 0 0-3.228.752a3.81 3.81 0 0 0-1.433 2.983c-1.97.09-3.762.667-5.165 1.572a2.51 2.51 0 1 0-2.94 3.994q-.092.465-.093.952c0 3.606 3.912 6.53 8.74 6.53c4.826 0 8.739-2.924 8.739-6.53q0-.486-.093-.952a2.51 2.51 0 0 0 1.346-2.222m-3.905-6.925a1.013 1.013 0 0 1 0 2.025a1.013 1.013 0 0 1 0-2.025M1.083 8.03c0-.787.64-1.427 1.427-1.427c.337 0 .646.118.89.314c-.763.655-1.354 1.425-1.721 2.27a1.42 1.42 0 0 1-.596-1.157m14.442 6.923c-1.465 1.095-3.43 1.698-5.532 1.698s-4.067-.603-5.531-1.698c-1.37-1.023-2.125-2.355-2.125-3.75c0-1.394.754-2.725 2.125-3.75C5.926 6.359 7.89 5.757 9.993 5.757s4.067.602 5.532 1.697c1.37 1.024 2.125 2.355 2.125 3.75c0 1.394-.755 2.726-2.125 3.75zm2.782-5.767c-.367-.845-.958-1.614-1.721-2.269c.244-.196.554-.314.89-.314c.787 0 1.427.64 1.427 1.427c0 .476-.235.898-.596 1.156"/><circle cx="6.801" cy="9.678" r="1.143"/><circle cx="13.185" cy="9.678" r="1.143"/><path d="M12.701 12.455a4.36 4.36 0 0 1-2.94 1.138a4.33 4.33 0 0 1-3.195-1.39a.541.541 0 1 0-.793.738a5.47 5.47 0 0 0 3.988 1.735a5.44 5.44 0 0 0 3.67-1.421a.541.541 0 1 0-.73-.8"/></g></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%22-2%20-3%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M19.986%208.029a2.51%202.51%200%200%200-4.285-1.771c-1.404-.906-3.197-1.483-5.166-1.573a2.73%202.73%200%200%201%201.028-2.139a2.74%202.74%200%200%201%202.315-.539l.112.025l-.004.084a2.095%202.095%200%201%200%20.328-1.121L14.113.95a3.81%203.81%200%200%200-3.228.752a3.81%203.81%200%200%200-1.433%202.983c-1.97.09-3.762.667-5.165%201.572a2.51%202.51%200%201%200-2.94%203.994q-.092.465-.093.952c0%203.606%203.912%206.53%208.74%206.53c4.826%200%208.739-2.924%208.739-6.53q0-.486-.093-.952a2.51%202.51%200%200%200%201.346-2.222m-3.905-6.925a1.013%201.013%200%200%201%200%202.025a1.013%201.013%200%200%201%200-2.025M1.083%208.03c0-.787.64-1.427%201.427-1.427c.337%200%20.646.118.89.314c-.763.655-1.354%201.425-1.721%202.27a1.42%201.42%200%200%201-.596-1.157m14.442%206.923c-1.465%201.095-3.43%201.698-5.532%201.698s-4.067-.603-5.531-1.698c-1.37-1.023-2.125-2.355-2.125-3.75c0-1.394.754-2.725%202.125-3.75C5.926%206.359%207.89%205.757%209.993%205.757s4.067.602%205.532%201.697c1.37%201.024%202.125%202.355%202.125%203.75c0%201.394-.755%202.726-2.125%203.75zm2.782-5.767c-.367-.845-.958-1.614-1.721-2.269c.244-.196.554-.314.89-.314c.787%200%201.427.64%201.427%201.427c0%20.476-.235.898-.596%201.156%22%2F%3E%3Ccircle%20cx%3D%226.801%22%20cy%3D%229.678%22%20r%3D%221.143%22%2F%3E%3Ccircle%20cx%3D%2213.185%22%20cy%3D%229.678%22%20r%3D%221.143%22%2F%3E%3Cpath%20d%3D%22M12.701%2012.455a4.36%204.36%200%200%201-2.94%201.138a4.33%204.33%200%200%201-3.195-1.39a.541.541%200%201%200-.793.738a5.47%205.47%200%200%200%203.988%201.735a5.44%205.44%200%200%200%203.67-1.421a.541.541%200%201%200-.73-.8%22%2F%3E%3C%2Fg%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%22-2%20-3%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M19.986%208.029a2.51%202.51%200%200%200-4.285-1.771c-1.404-.906-3.197-1.483-5.166-1.573a2.73%202.73%200%200%201%201.028-2.139a2.74%202.74%200%200%201%202.315-.539l.112.025l-.004.084a2.095%202.095%200%201%200%20.328-1.121L14.113.95a3.81%203.81%200%200%200-3.228.752a3.81%203.81%200%200%200-1.433%202.983c-1.97.09-3.762.667-5.165%201.572a2.51%202.51%200%201%200-2.94%203.994q-.092.465-.093.952c0%203.606%203.912%206.53%208.74%206.53c4.826%200%208.739-2.924%208.739-6.53q0-.486-.093-.952a2.51%202.51%200%200%200%201.346-2.222m-3.905-6.925a1.013%201.013%200%200%201%200%202.025a1.013%201.013%200%200%201%200-2.025M1.083%208.03c0-.787.64-1.427%201.427-1.427c.337%200%20.646.118.89.314c-.763.655-1.354%201.425-1.721%202.27a1.42%201.42%200%200%201-.596-1.157m14.442%206.923c-1.465%201.095-3.43%201.698-5.532%201.698s-4.067-.603-5.531-1.698c-1.37-1.023-2.125-2.355-2.125-3.75c0-1.394.754-2.725%202.125-3.75C5.926%206.359%207.89%205.757%209.993%205.757s4.067.602%205.532%201.697c1.37%201.024%202.125%202.355%202.125%203.75c0%201.394-.755%202.726-2.125%203.75zm2.782-5.767c-.367-.845-.958-1.614-1.721-2.269c.244-.196.554-.314.89-.314c.787%200%201.427.64%201.427%201.427c0%20.476-.235.898-.596%201.156%22%2F%3E%3Ccircle%20cx%3D%226.801%22%20cy%3D%229.678%22%20r%3D%221.143%22%2F%3E%3Ccircle%20cx%3D%2213.185%22%20cy%3D%229.678%22%20r%3D%221.143%22%2F%3E%3Cpath%20d%3D%22M12.701%2012.455a4.36%204.36%200%200%201-2.94%201.138a4.33%204.33%200%200%201-3.195-1.39a.541.541%200%201%200-.793.738a5.47%205.47%200%200%200%203.988%201.735a5.44%205.44%200%200%200%203.67-1.421a.541.541%200%201%200-.73-.8%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/jam/reddit.svg?color=%231a73e8&size=48
