reddit logo icon
reddit-logo-bold from Phosphor by Phosphor Icons · Bold · MIT Free for personal and commercial use.
- Name
- reddit-logo-bold
- Set
- Phosphor
- Style
- Bold
- Viewbox
- 256×256
- License
- MIT
5 other variants in Phosphor
Use the reddit logo icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M252 104a36 36 0 0 0-57.4-28.93a145.6 145.6 0 0 0-52.54-14.45l3.8-22.81l15.67 2.61a24 24 0 1 0 3.95-23.67L138 12.16A12 12 0 0 0 124.16 22l-6.38 38.31C97.48 61.62 78 66.7 61.4 75.07a36 36 0 0 0-47.52 53.68A63 63 0 0 0 12 144c0 23.29 12.65 44.87 35.63 60.78C69.26 219.75 97.8 228 128 228s58.74-8.25 80.37-23.22C231.35 188.87 244 167.29 244 144a63 63 0 0 0-1.88-15.25A36.16 36.16 0 0 0 252 104m-29.91 10.34a12 12 0 0 0-5 15A39.6 39.6 0 0 1 220 144c0 15.18-9 29.75-25.29 41.05C177.05 197.27 153.36 204 128 204s-49-6.73-66.71-18.95C45 173.75 36 159.18 36 144a39.7 39.7 0 0 1 2.84-14.64a12 12 0 0 0-4.93-15A12 12 0 1 1 49.71 97a12 12 0 0 0 15.94 3.18l.22-.13C82.94 89.68 105 84 128 84s45 5.69 62.09 16l.22.13A12 12 0 0 0 206.29 97a11.88 11.88 0 0 1 9.71-5a12 12 0 0 1 6.09 22.34M88 148a20 20 0 1 1 20-20a20 20 0 0 1-20 20m100-20a20 20 0 1 1-20-20a20 20 0 0 1 20 20m-20.52 40.52a12 12 0 0 1-8 15a111.9 111.9 0 0 1-63 0a12 12 0 0 1 7-23a88.1 88.1 0 0 0 49 0a12 12 0 0 1 15 8"/></svg>
React
import type { SVGProps } from "react";
export function PhRedditLogoBold(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M252 104a36 36 0 0 0-57.4-28.93a145.6 145.6 0 0 0-52.54-14.45l3.8-22.81l15.67 2.61a24 24 0 1 0 3.95-23.67L138 12.16A12 12 0 0 0 124.16 22l-6.38 38.31C97.48 61.62 78 66.7 61.4 75.07a36 36 0 0 0-47.52 53.68A63 63 0 0 0 12 144c0 23.29 12.65 44.87 35.63 60.78C69.26 219.75 97.8 228 128 228s58.74-8.25 80.37-23.22C231.35 188.87 244 167.29 244 144a63 63 0 0 0-1.88-15.25A36.16 36.16 0 0 0 252 104m-29.91 10.34a12 12 0 0 0-5 15A39.6 39.6 0 0 1 220 144c0 15.18-9 29.75-25.29 41.05C177.05 197.27 153.36 204 128 204s-49-6.73-66.71-18.95C45 173.75 36 159.18 36 144a39.7 39.7 0 0 1 2.84-14.64a12 12 0 0 0-4.93-15A12 12 0 1 1 49.71 97a12 12 0 0 0 15.94 3.18l.22-.13C82.94 89.68 105 84 128 84s45 5.69 62.09 16l.22.13A12 12 0 0 0 206.29 97a11.88 11.88 0 0 1 9.71-5a12 12 0 0 1 6.09 22.34M88 148a20 20 0 1 1 20-20a20 20 0 0 1-20 20m100-20a20 20 0 1 1-20-20a20 20 0 0 1 20 20m-20.52 40.52a12 12 0 0 1-8 15a111.9 111.9 0 0 1-63 0a12 12 0 0 1 7-23a88.1 88.1 0 0 0 49 0a12 12 0 0 1 15 8"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M252 104a36 36 0 0 0-57.4-28.93a145.6 145.6 0 0 0-52.54-14.45l3.8-22.81l15.67 2.61a24 24 0 1 0 3.95-23.67L138 12.16A12 12 0 0 0 124.16 22l-6.38 38.31C97.48 61.62 78 66.7 61.4 75.07a36 36 0 0 0-47.52 53.68A63 63 0 0 0 12 144c0 23.29 12.65 44.87 35.63 60.78C69.26 219.75 97.8 228 128 228s58.74-8.25 80.37-23.22C231.35 188.87 244 167.29 244 144a63 63 0 0 0-1.88-15.25A36.16 36.16 0 0 0 252 104m-29.91 10.34a12 12 0 0 0-5 15A39.6 39.6 0 0 1 220 144c0 15.18-9 29.75-25.29 41.05C177.05 197.27 153.36 204 128 204s-49-6.73-66.71-18.95C45 173.75 36 159.18 36 144a39.7 39.7 0 0 1 2.84-14.64a12 12 0 0 0-4.93-15A12 12 0 1 1 49.71 97a12 12 0 0 0 15.94 3.18l.22-.13C82.94 89.68 105 84 128 84s45 5.69 62.09 16l.22.13A12 12 0 0 0 206.29 97a11.88 11.88 0 0 1 9.71-5a12 12 0 0 1 6.09 22.34M88 148a20 20 0 1 1 20-20a20 20 0 0 1-20 20m100-20a20 20 0 1 1-20-20a20 20 0 0 1 20 20m-20.52 40.52a12 12 0 0 1-8 15a111.9 111.9 0 0 1-63 0a12 12 0 0 1 7-23a88.1 88.1 0 0 0 49 0a12 12 0 0 1 15 8"/></svg> </template>
CSS
.icon-reddit-logo-bold {
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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M252%20104a36%2036%200%200%200-57.4-28.93a145.6%20145.6%200%200%200-52.54-14.45l3.8-22.81l15.67%202.61a24%2024%200%201%200%203.95-23.67L138%2012.16A12%2012%200%200%200%20124.16%2022l-6.38%2038.31C97.48%2061.62%2078%2066.7%2061.4%2075.07a36%2036%200%200%200-47.52%2053.68A63%2063%200%200%200%2012%20144c0%2023.29%2012.65%2044.87%2035.63%2060.78C69.26%20219.75%2097.8%20228%20128%20228s58.74-8.25%2080.37-23.22C231.35%20188.87%20244%20167.29%20244%20144a63%2063%200%200%200-1.88-15.25A36.16%2036.16%200%200%200%20252%20104m-29.91%2010.34a12%2012%200%200%200-5%2015A39.6%2039.6%200%200%201%20220%20144c0%2015.18-9%2029.75-25.29%2041.05C177.05%20197.27%20153.36%20204%20128%20204s-49-6.73-66.71-18.95C45%20173.75%2036%20159.18%2036%20144a39.7%2039.7%200%200%201%202.84-14.64a12%2012%200%200%200-4.93-15A12%2012%200%201%201%2049.71%2097a12%2012%200%200%200%2015.94%203.18l.22-.13C82.94%2089.68%20105%2084%20128%2084s45%205.69%2062.09%2016l.22.13A12%2012%200%200%200%20206.29%2097a11.88%2011.88%200%200%201%209.71-5a12%2012%200%200%201%206.09%2022.34M88%20148a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m100-20a20%2020%200%201%201-20-20a20%2020%200%200%201%2020%2020m-20.52%2040.52a12%2012%200%200%201-8%2015a111.9%20111.9%200%200%201-63%200a12%2012%200%200%201%207-23a88.1%2088.1%200%200%200%2049%200a12%2012%200%200%201%2015%208%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%20256%20256%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M252%20104a36%2036%200%200%200-57.4-28.93a145.6%20145.6%200%200%200-52.54-14.45l3.8-22.81l15.67%202.61a24%2024%200%201%200%203.95-23.67L138%2012.16A12%2012%200%200%200%20124.16%2022l-6.38%2038.31C97.48%2061.62%2078%2066.7%2061.4%2075.07a36%2036%200%200%200-47.52%2053.68A63%2063%200%200%200%2012%20144c0%2023.29%2012.65%2044.87%2035.63%2060.78C69.26%20219.75%2097.8%20228%20128%20228s58.74-8.25%2080.37-23.22C231.35%20188.87%20244%20167.29%20244%20144a63%2063%200%200%200-1.88-15.25A36.16%2036.16%200%200%200%20252%20104m-29.91%2010.34a12%2012%200%200%200-5%2015A39.6%2039.6%200%200%201%20220%20144c0%2015.18-9%2029.75-25.29%2041.05C177.05%20197.27%20153.36%20204%20128%20204s-49-6.73-66.71-18.95C45%20173.75%2036%20159.18%2036%20144a39.7%2039.7%200%200%201%202.84-14.64a12%2012%200%200%200-4.93-15A12%2012%200%201%201%2049.71%2097a12%2012%200%200%200%2015.94%203.18l.22-.13C82.94%2089.68%20105%2084%20128%2084s45%205.69%2062.09%2016l.22.13A12%2012%200%200%200%20206.29%2097a11.88%2011.88%200%200%201%209.71-5a12%2012%200%200%201%206.09%2022.34M88%20148a20%2020%200%201%201%2020-20a20%2020%200%200%201-20%2020m100-20a20%2020%200%201%201-20-20a20%2020%200%200%201%2020%2020m-20.52%2040.52a12%2012%200%200%201-8%2015a111.9%20111.9%200%200%201-63%200a12%2012%200%200%201%207-23a88.1%2088.1%200%200%200%2049%200a12%2012%200%200%201%2015%208%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/reddit-logo-bold.svg?color=%231a73e8&size=48
