reddit logo icon
reddit-logo-thin from Phosphor by Phosphor Icons · Thin · MIT Free for personal and commercial use.
- Name
- reddit-logo-thin
- Set
- Phosphor
- Style
- Thin
- 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="M244 104a28 28 0 0 0-48.3-19.28c-17.9-10.11-40-15.94-63-16.65l6.59-39.52L164 32.36a20 20 0 1 0 1.46-7.87l-28.87-4.44a4 4 0 0 0-4.56 3.29l-7.43 44.71c-23.48.52-46.06 6.36-64.3 16.67A28 28 0 1 0 23 126.21A55.1 55.1 0 0 0 20 144c0 20.58 11.43 39.83 32.18 54.2C72.49 212.26 99.42 220 128 220s55.51-7.74 75.82-21.8C224.57 183.83 236 164.58 236 144a55.1 55.1 0 0 0-3-17.79A28.14 28.14 0 0 0 244 104m-60-84a12 12 0 1 1-12 12a12 12 0 0 1 12-12m40.53 106.25A47.7 47.7 0 0 1 228 144c0 37.5-44.86 68-100 68S28 181.5 28 144a47.7 47.7 0 0 1 3.45-17.72a4 4 0 0 0-1.62-5a20 20 0 1 1 26.35-29a4 4 0 0 0 5.19 1.13l.25-.16C80 82.11 103.51 76 128 76c24.48 0 48 6.11 66.37 17.21l.25.16a4 4 0 0 0 5.19-1.13a20 20 0 1 1 26.35 29a4 4 0 0 0-1.63 5.01m-61 47.88a4 4 0 0 1-1.65 5.4a72.22 72.22 0 0 1-67.76 0a4 4 0 0 1 3.76-7.06a64.23 64.23 0 0 0 60.24 0a4 4 0 0 1 5.41 1.66M88 140a12 12 0 1 1 12-12a12 12 0 0 1-12 12m92-12a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></svg>
React
import type { SVGProps } from "react";
export function PhRedditLogoThin(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="M244 104a28 28 0 0 0-48.3-19.28c-17.9-10.11-40-15.94-63-16.65l6.59-39.52L164 32.36a20 20 0 1 0 1.46-7.87l-28.87-4.44a4 4 0 0 0-4.56 3.29l-7.43 44.71c-23.48.52-46.06 6.36-64.3 16.67A28 28 0 1 0 23 126.21A55.1 55.1 0 0 0 20 144c0 20.58 11.43 39.83 32.18 54.2C72.49 212.26 99.42 220 128 220s55.51-7.74 75.82-21.8C224.57 183.83 236 164.58 236 144a55.1 55.1 0 0 0-3-17.79A28.14 28.14 0 0 0 244 104m-60-84a12 12 0 1 1-12 12a12 12 0 0 1 12-12m40.53 106.25A47.7 47.7 0 0 1 228 144c0 37.5-44.86 68-100 68S28 181.5 28 144a47.7 47.7 0 0 1 3.45-17.72a4 4 0 0 0-1.62-5a20 20 0 1 1 26.35-29a4 4 0 0 0 5.19 1.13l.25-.16C80 82.11 103.51 76 128 76c24.48 0 48 6.11 66.37 17.21l.25.16a4 4 0 0 0 5.19-1.13a20 20 0 1 1 26.35 29a4 4 0 0 0-1.63 5.01m-61 47.88a4 4 0 0 1-1.65 5.4a72.22 72.22 0 0 1-67.76 0a4 4 0 0 1 3.76-7.06a64.23 64.23 0 0 0 60.24 0a4 4 0 0 1 5.41 1.66M88 140a12 12 0 1 1 12-12a12 12 0 0 1-12 12m92-12a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M244 104a28 28 0 0 0-48.3-19.28c-17.9-10.11-40-15.94-63-16.65l6.59-39.52L164 32.36a20 20 0 1 0 1.46-7.87l-28.87-4.44a4 4 0 0 0-4.56 3.29l-7.43 44.71c-23.48.52-46.06 6.36-64.3 16.67A28 28 0 1 0 23 126.21A55.1 55.1 0 0 0 20 144c0 20.58 11.43 39.83 32.18 54.2C72.49 212.26 99.42 220 128 220s55.51-7.74 75.82-21.8C224.57 183.83 236 164.58 236 144a55.1 55.1 0 0 0-3-17.79A28.14 28.14 0 0 0 244 104m-60-84a12 12 0 1 1-12 12a12 12 0 0 1 12-12m40.53 106.25A47.7 47.7 0 0 1 228 144c0 37.5-44.86 68-100 68S28 181.5 28 144a47.7 47.7 0 0 1 3.45-17.72a4 4 0 0 0-1.62-5a20 20 0 1 1 26.35-29a4 4 0 0 0 5.19 1.13l.25-.16C80 82.11 103.51 76 128 76c24.48 0 48 6.11 66.37 17.21l.25.16a4 4 0 0 0 5.19-1.13a20 20 0 1 1 26.35 29a4 4 0 0 0-1.63 5.01m-61 47.88a4 4 0 0 1-1.65 5.4a72.22 72.22 0 0 1-67.76 0a4 4 0 0 1 3.76-7.06a64.23 64.23 0 0 0 60.24 0a4 4 0 0 1 5.41 1.66M88 140a12 12 0 1 1 12-12a12 12 0 0 1-12 12m92-12a12 12 0 1 1-12-12a12 12 0 0 1 12 12"/></svg> </template>
CSS
.icon-reddit-logo-thin {
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%22M244%20104a28%2028%200%200%200-48.3-19.28c-17.9-10.11-40-15.94-63-16.65l6.59-39.52L164%2032.36a20%2020%200%201%200%201.46-7.87l-28.87-4.44a4%204%200%200%200-4.56%203.29l-7.43%2044.71c-23.48.52-46.06%206.36-64.3%2016.67A28%2028%200%201%200%2023%20126.21A55.1%2055.1%200%200%200%2020%20144c0%2020.58%2011.43%2039.83%2032.18%2054.2C72.49%20212.26%2099.42%20220%20128%20220s55.51-7.74%2075.82-21.8C224.57%20183.83%20236%20164.58%20236%20144a55.1%2055.1%200%200%200-3-17.79A28.14%2028.14%200%200%200%20244%20104m-60-84a12%2012%200%201%201-12%2012a12%2012%200%200%201%2012-12m40.53%20106.25A47.7%2047.7%200%200%201%20228%20144c0%2037.5-44.86%2068-100%2068S28%20181.5%2028%20144a47.7%2047.7%200%200%201%203.45-17.72a4%204%200%200%200-1.62-5a20%2020%200%201%201%2026.35-29a4%204%200%200%200%205.19%201.13l.25-.16C80%2082.11%20103.51%2076%20128%2076c24.48%200%2048%206.11%2066.37%2017.21l.25.16a4%204%200%200%200%205.19-1.13a20%2020%200%201%201%2026.35%2029a4%204%200%200%200-1.63%205.01m-61%2047.88a4%204%200%200%201-1.65%205.4a72.22%2072.22%200%200%201-67.76%200a4%204%200%200%201%203.76-7.06a64.23%2064.23%200%200%200%2060.24%200a4%204%200%200%201%205.41%201.66M88%20140a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012m92-12a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012%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%22M244%20104a28%2028%200%200%200-48.3-19.28c-17.9-10.11-40-15.94-63-16.65l6.59-39.52L164%2032.36a20%2020%200%201%200%201.46-7.87l-28.87-4.44a4%204%200%200%200-4.56%203.29l-7.43%2044.71c-23.48.52-46.06%206.36-64.3%2016.67A28%2028%200%201%200%2023%20126.21A55.1%2055.1%200%200%200%2020%20144c0%2020.58%2011.43%2039.83%2032.18%2054.2C72.49%20212.26%2099.42%20220%20128%20220s55.51-7.74%2075.82-21.8C224.57%20183.83%20236%20164.58%20236%20144a55.1%2055.1%200%200%200-3-17.79A28.14%2028.14%200%200%200%20244%20104m-60-84a12%2012%200%201%201-12%2012a12%2012%200%200%201%2012-12m40.53%20106.25A47.7%2047.7%200%200%201%20228%20144c0%2037.5-44.86%2068-100%2068S28%20181.5%2028%20144a47.7%2047.7%200%200%201%203.45-17.72a4%204%200%200%200-1.62-5a20%2020%200%201%201%2026.35-29a4%204%200%200%200%205.19%201.13l.25-.16C80%2082.11%20103.51%2076%20128%2076c24.48%200%2048%206.11%2066.37%2017.21l.25.16a4%204%200%200%200%205.19-1.13a20%2020%200%201%201%2026.35%2029a4%204%200%200%200-1.63%205.01m-61%2047.88a4%204%200%200%201-1.65%205.4a72.22%2072.22%200%200%201-67.76%200a4%204%200%200%201%203.76-7.06a64.23%2064.23%200%200%200%2060.24%200a4%204%200%200%201%205.41%201.66M88%20140a12%2012%200%201%201%2012-12a12%2012%200%200%201-12%2012m92-12a12%2012%200%201%201-12-12a12%2012%200%200%201%2012%2012%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/reddit-logo-thin.svg?color=%231a73e8&size=48
