reddit logo icon
reddit-logo-light from Phosphor by Phosphor Icons · Light · MIT Free for personal and commercial use.
- Name
- reddit-logo-light
- Set
- Phosphor
- Style
- Light
- 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="M246 104a30 30 0 0 0-50.64-21.76C178 72.75 157 67.17 135.05 66.18l5.89-35.35l21.16 3.26a22 22 0 1 0 2.17-11.81l-27.36-4.21a6 6 0 0 0-6.83 4.93l-7.18 43.09c-22.64.74-44.41 6.38-62.26 16.15a30 30 0 1 0-40 44.66A57 57 0 0 0 18 144c0 21.26 11.74 41.09 33.05 55.84C71.68 214.13 99 222 128 222s56.32-7.87 76.95-22.16C226.26 185.09 238 165.26 238 144a57 57 0 0 0-2.63-17.1A30.16 30.16 0 0 0 246 104m-62-82a10 10 0 1 1-10 10a10 10 0 0 1 10-10m41.15 97.51a6 6 0 0 0-2.46 7.51A45.7 45.7 0 0 1 226 144c0 36.39-44 66-98 66s-98-29.61-98-66a45.6 45.6 0 0 1 3.3-16.94a6 6 0 0 0-2.45-7.55a18 18 0 1 1 23.71-26.1a6 6 0 0 0 7.79 1.7a4 4 0 0 0 .34-.2C80.7 84 103.89 78 128 78c24.1 0 47.28 6 65.29 16.9l.16.11a6 6 0 0 0 8-1.6a18 18 0 1 1 23.71 26.1Zm-59.85 53.68a6 6 0 0 1-2.49 8.11a74.22 74.22 0 0 1-69.62 0a6 6 0 0 1 5.62-10.6a62.2 62.2 0 0 0 58.38 0a6 6 0 0 1 8.11 2.49M88 142a14 14 0 1 1 14-14a14 14 0 0 1-14 14m94-14a14 14 0 1 1-14-14a14 14 0 0 1 14 14"/></svg>
React
import type { SVGProps } from "react";
export function PhRedditLogoLight(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="M246 104a30 30 0 0 0-50.64-21.76C178 72.75 157 67.17 135.05 66.18l5.89-35.35l21.16 3.26a22 22 0 1 0 2.17-11.81l-27.36-4.21a6 6 0 0 0-6.83 4.93l-7.18 43.09c-22.64.74-44.41 6.38-62.26 16.15a30 30 0 1 0-40 44.66A57 57 0 0 0 18 144c0 21.26 11.74 41.09 33.05 55.84C71.68 214.13 99 222 128 222s56.32-7.87 76.95-22.16C226.26 185.09 238 165.26 238 144a57 57 0 0 0-2.63-17.1A30.16 30.16 0 0 0 246 104m-62-82a10 10 0 1 1-10 10a10 10 0 0 1 10-10m41.15 97.51a6 6 0 0 0-2.46 7.51A45.7 45.7 0 0 1 226 144c0 36.39-44 66-98 66s-98-29.61-98-66a45.6 45.6 0 0 1 3.3-16.94a6 6 0 0 0-2.45-7.55a18 18 0 1 1 23.71-26.1a6 6 0 0 0 7.79 1.7a4 4 0 0 0 .34-.2C80.7 84 103.89 78 128 78c24.1 0 47.28 6 65.29 16.9l.16.11a6 6 0 0 0 8-1.6a18 18 0 1 1 23.71 26.1Zm-59.85 53.68a6 6 0 0 1-2.49 8.11a74.22 74.22 0 0 1-69.62 0a6 6 0 0 1 5.62-10.6a62.2 62.2 0 0 0 58.38 0a6 6 0 0 1 8.11 2.49M88 142a14 14 0 1 1 14-14a14 14 0 0 1-14 14m94-14a14 14 0 1 1-14-14a14 14 0 0 1 14 14"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="currentColor" d="M246 104a30 30 0 0 0-50.64-21.76C178 72.75 157 67.17 135.05 66.18l5.89-35.35l21.16 3.26a22 22 0 1 0 2.17-11.81l-27.36-4.21a6 6 0 0 0-6.83 4.93l-7.18 43.09c-22.64.74-44.41 6.38-62.26 16.15a30 30 0 1 0-40 44.66A57 57 0 0 0 18 144c0 21.26 11.74 41.09 33.05 55.84C71.68 214.13 99 222 128 222s56.32-7.87 76.95-22.16C226.26 185.09 238 165.26 238 144a57 57 0 0 0-2.63-17.1A30.16 30.16 0 0 0 246 104m-62-82a10 10 0 1 1-10 10a10 10 0 0 1 10-10m41.15 97.51a6 6 0 0 0-2.46 7.51A45.7 45.7 0 0 1 226 144c0 36.39-44 66-98 66s-98-29.61-98-66a45.6 45.6 0 0 1 3.3-16.94a6 6 0 0 0-2.45-7.55a18 18 0 1 1 23.71-26.1a6 6 0 0 0 7.79 1.7a4 4 0 0 0 .34-.2C80.7 84 103.89 78 128 78c24.1 0 47.28 6 65.29 16.9l.16.11a6 6 0 0 0 8-1.6a18 18 0 1 1 23.71 26.1Zm-59.85 53.68a6 6 0 0 1-2.49 8.11a74.22 74.22 0 0 1-69.62 0a6 6 0 0 1 5.62-10.6a62.2 62.2 0 0 0 58.38 0a6 6 0 0 1 8.11 2.49M88 142a14 14 0 1 1 14-14a14 14 0 0 1-14 14m94-14a14 14 0 1 1-14-14a14 14 0 0 1 14 14"/></svg> </template>
CSS
.icon-reddit-logo-light {
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%22M246%20104a30%2030%200%200%200-50.64-21.76C178%2072.75%20157%2067.17%20135.05%2066.18l5.89-35.35l21.16%203.26a22%2022%200%201%200%202.17-11.81l-27.36-4.21a6%206%200%200%200-6.83%204.93l-7.18%2043.09c-22.64.74-44.41%206.38-62.26%2016.15a30%2030%200%201%200-40%2044.66A57%2057%200%200%200%2018%20144c0%2021.26%2011.74%2041.09%2033.05%2055.84C71.68%20214.13%2099%20222%20128%20222s56.32-7.87%2076.95-22.16C226.26%20185.09%20238%20165.26%20238%20144a57%2057%200%200%200-2.63-17.1A30.16%2030.16%200%200%200%20246%20104m-62-82a10%2010%200%201%201-10%2010a10%2010%200%200%201%2010-10m41.15%2097.51a6%206%200%200%200-2.46%207.51A45.7%2045.7%200%200%201%20226%20144c0%2036.39-44%2066-98%2066s-98-29.61-98-66a45.6%2045.6%200%200%201%203.3-16.94a6%206%200%200%200-2.45-7.55a18%2018%200%201%201%2023.71-26.1a6%206%200%200%200%207.79%201.7a4%204%200%200%200%20.34-.2C80.7%2084%20103.89%2078%20128%2078c24.1%200%2047.28%206%2065.29%2016.9l.16.11a6%206%200%200%200%208-1.6a18%2018%200%201%201%2023.71%2026.1Zm-59.85%2053.68a6%206%200%200%201-2.49%208.11a74.22%2074.22%200%200%201-69.62%200a6%206%200%200%201%205.62-10.6a62.2%2062.2%200%200%200%2058.38%200a6%206%200%200%201%208.11%202.49M88%20142a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014m94-14a14%2014%200%201%201-14-14a14%2014%200%200%201%2014%2014%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%22M246%20104a30%2030%200%200%200-50.64-21.76C178%2072.75%20157%2067.17%20135.05%2066.18l5.89-35.35l21.16%203.26a22%2022%200%201%200%202.17-11.81l-27.36-4.21a6%206%200%200%200-6.83%204.93l-7.18%2043.09c-22.64.74-44.41%206.38-62.26%2016.15a30%2030%200%201%200-40%2044.66A57%2057%200%200%200%2018%20144c0%2021.26%2011.74%2041.09%2033.05%2055.84C71.68%20214.13%2099%20222%20128%20222s56.32-7.87%2076.95-22.16C226.26%20185.09%20238%20165.26%20238%20144a57%2057%200%200%200-2.63-17.1A30.16%2030.16%200%200%200%20246%20104m-62-82a10%2010%200%201%201-10%2010a10%2010%200%200%201%2010-10m41.15%2097.51a6%206%200%200%200-2.46%207.51A45.7%2045.7%200%200%201%20226%20144c0%2036.39-44%2066-98%2066s-98-29.61-98-66a45.6%2045.6%200%200%201%203.3-16.94a6%206%200%200%200-2.45-7.55a18%2018%200%201%201%2023.71-26.1a6%206%200%200%200%207.79%201.7a4%204%200%200%200%20.34-.2C80.7%2084%20103.89%2078%20128%2078c24.1%200%2047.28%206%2065.29%2016.9l.16.11a6%206%200%200%200%208-1.6a18%2018%200%201%201%2023.71%2026.1Zm-59.85%2053.68a6%206%200%200%201-2.49%208.11a74.22%2074.22%200%200%201-69.62%200a6%206%200%200%201%205.62-10.6a62.2%2062.2%200%200%200%2058.38%200a6%206%200%200%201%208.11%202.49M88%20142a14%2014%200%201%201%2014-14a14%2014%200%200%201-14%2014m94-14a14%2014%200%201%201-14-14a14%2014%200%200%201%2014%2014%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/ph/reddit-logo-light.svg?color=%231a73e8&size=48
