reddit icon logo

reddit-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
reddit-icon
Set
SVG Logos
Style
Color
Viewbox
256×256
License
CC0

Use the reddit icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="128" cy="128" r="128" fill="#ff4500"/><path fill="#fff" d="M213.15 129.22c0-10.376-8.391-18.617-18.617-18.617a18.74 18.74 0 0 0-12.97 5.189c-12.818-9.157-30.368-15.107-49.9-15.87l8.544-39.981l27.773 5.95c.307 7.02 6.104 12.667 13.278 12.667c7.324 0 13.275-5.95 13.275-13.278c0-7.324-5.95-13.275-13.275-13.275c-5.188 0-9.768 3.052-11.904 7.478l-30.976-6.562c-.916-.154-1.832 0-2.443.458c-.763.458-1.22 1.22-1.371 2.136l-9.464 44.558c-19.837.612-37.692 6.562-50.662 15.872a18.74 18.74 0 0 0-12.971-5.188c-10.377 0-18.617 8.391-18.617 18.617c0 7.629 4.577 14.037 10.988 16.939a33.6 33.6 0 0 0-.458 5.646c0 28.686 33.42 52.036 74.621 52.036c41.202 0 74.622-23.196 74.622-52.036a35 35 0 0 0-.458-5.646c6.408-2.902 10.985-9.464 10.985-17.093M85.272 142.495c0-7.324 5.95-13.275 13.278-13.275c7.324 0 13.275 5.95 13.275 13.275s-5.95 13.278-13.275 13.278c-7.327.15-13.278-5.953-13.278-13.278m74.317 35.251c-9.156 9.157-26.553 9.768-31.588 9.768c-5.188 0-22.584-.765-31.59-9.768c-1.371-1.373-1.371-3.51 0-4.883c1.374-1.371 3.51-1.371 4.884 0c5.8 5.8 18.008 7.782 26.706 7.782s21.058-1.983 26.704-7.782c1.374-1.371 3.51-1.371 4.884 0c1.22 1.373 1.22 3.51 0 4.883m-2.443-21.822c-7.325 0-13.275-5.95-13.275-13.275s5.95-13.275 13.275-13.275c7.327 0 13.277 5.95 13.277 13.275c0 7.17-5.95 13.275-13.277 13.275"/></svg>

React

import type { SVGProps } from "react";

export function LogosRedditIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="128" cy="128" r="128" fill="#ff4500"/><path fill="#fff" d="M213.15 129.22c0-10.376-8.391-18.617-18.617-18.617a18.74 18.74 0 0 0-12.97 5.189c-12.818-9.157-30.368-15.107-49.9-15.87l8.544-39.981l27.773 5.95c.307 7.02 6.104 12.667 13.278 12.667c7.324 0 13.275-5.95 13.275-13.278c0-7.324-5.95-13.275-13.275-13.275c-5.188 0-9.768 3.052-11.904 7.478l-30.976-6.562c-.916-.154-1.832 0-2.443.458c-.763.458-1.22 1.22-1.371 2.136l-9.464 44.558c-19.837.612-37.692 6.562-50.662 15.872a18.74 18.74 0 0 0-12.971-5.188c-10.377 0-18.617 8.391-18.617 18.617c0 7.629 4.577 14.037 10.988 16.939a33.6 33.6 0 0 0-.458 5.646c0 28.686 33.42 52.036 74.621 52.036c41.202 0 74.622-23.196 74.622-52.036a35 35 0 0 0-.458-5.646c6.408-2.902 10.985-9.464 10.985-17.093M85.272 142.495c0-7.324 5.95-13.275 13.278-13.275c7.324 0 13.275 5.95 13.275 13.275s-5.95 13.278-13.275 13.278c-7.327.15-13.278-5.953-13.278-13.278m74.317 35.251c-9.156 9.157-26.553 9.768-31.588 9.768c-5.188 0-22.584-.765-31.59-9.768c-1.371-1.373-1.371-3.51 0-4.883c1.374-1.371 3.51-1.371 4.884 0c5.8 5.8 18.008 7.782 26.706 7.782s21.058-1.983 26.704-7.782c1.374-1.371 3.51-1.371 4.884 0c1.22 1.373 1.22 3.51 0 4.883m-2.443-21.822c-7.325 0-13.275-5.95-13.275-13.275s5.95-13.275 13.275-13.275c7.327 0 13.277 5.95 13.277 13.275c0 7.17-5.95 13.275-13.277 13.275"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><circle cx="128" cy="128" r="128" fill="#ff4500"/><path fill="#fff" d="M213.15 129.22c0-10.376-8.391-18.617-18.617-18.617a18.74 18.74 0 0 0-12.97 5.189c-12.818-9.157-30.368-15.107-49.9-15.87l8.544-39.981l27.773 5.95c.307 7.02 6.104 12.667 13.278 12.667c7.324 0 13.275-5.95 13.275-13.278c0-7.324-5.95-13.275-13.275-13.275c-5.188 0-9.768 3.052-11.904 7.478l-30.976-6.562c-.916-.154-1.832 0-2.443.458c-.763.458-1.22 1.22-1.371 2.136l-9.464 44.558c-19.837.612-37.692 6.562-50.662 15.872a18.74 18.74 0 0 0-12.971-5.188c-10.377 0-18.617 8.391-18.617 18.617c0 7.629 4.577 14.037 10.988 16.939a33.6 33.6 0 0 0-.458 5.646c0 28.686 33.42 52.036 74.621 52.036c41.202 0 74.622-23.196 74.622-52.036a35 35 0 0 0-.458-5.646c6.408-2.902 10.985-9.464 10.985-17.093M85.272 142.495c0-7.324 5.95-13.275 13.278-13.275c7.324 0 13.275 5.95 13.275 13.275s-5.95 13.278-13.275 13.278c-7.327.15-13.278-5.953-13.278-13.278m74.317 35.251c-9.156 9.157-26.553 9.768-31.588 9.768c-5.188 0-22.584-.765-31.59-9.768c-1.371-1.373-1.371-3.51 0-4.883c1.374-1.371 3.51-1.371 4.884 0c5.8 5.8 18.008 7.782 26.706 7.782s21.058-1.983 26.704-7.782c1.374-1.371 3.51-1.371 4.884 0c1.22 1.373 1.22 3.51 0 4.883m-2.443-21.822c-7.325 0-13.275-5.95-13.275-13.275s5.95-13.275 13.275-13.275c7.327 0 13.277 5.95 13.277 13.275c0 7.17-5.95 13.275-13.277 13.275"/></svg>
</template>

CSS

.icon-reddit-icon {
  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%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22128%22%20fill%3D%22%23ff4500%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M213.15%20129.22c0-10.376-8.391-18.617-18.617-18.617a18.74%2018.74%200%200%200-12.97%205.189c-12.818-9.157-30.368-15.107-49.9-15.87l8.544-39.981l27.773%205.95c.307%207.02%206.104%2012.667%2013.278%2012.667c7.324%200%2013.275-5.95%2013.275-13.278c0-7.324-5.95-13.275-13.275-13.275c-5.188%200-9.768%203.052-11.904%207.478l-30.976-6.562c-.916-.154-1.832%200-2.443.458c-.763.458-1.22%201.22-1.371%202.136l-9.464%2044.558c-19.837.612-37.692%206.562-50.662%2015.872a18.74%2018.74%200%200%200-12.971-5.188c-10.377%200-18.617%208.391-18.617%2018.617c0%207.629%204.577%2014.037%2010.988%2016.939a33.6%2033.6%200%200%200-.458%205.646c0%2028.686%2033.42%2052.036%2074.621%2052.036c41.202%200%2074.622-23.196%2074.622-52.036a35%2035%200%200%200-.458-5.646c6.408-2.902%2010.985-9.464%2010.985-17.093M85.272%20142.495c0-7.324%205.95-13.275%2013.278-13.275c7.324%200%2013.275%205.95%2013.275%2013.275s-5.95%2013.278-13.275%2013.278c-7.327.15-13.278-5.953-13.278-13.278m74.317%2035.251c-9.156%209.157-26.553%209.768-31.588%209.768c-5.188%200-22.584-.765-31.59-9.768c-1.371-1.373-1.371-3.51%200-4.883c1.374-1.371%203.51-1.371%204.884%200c5.8%205.8%2018.008%207.782%2026.706%207.782s21.058-1.983%2026.704-7.782c1.374-1.371%203.51-1.371%204.884%200c1.22%201.373%201.22%203.51%200%204.883m-2.443-21.822c-7.325%200-13.275-5.95-13.275-13.275s5.95-13.275%2013.275-13.275c7.327%200%2013.277%205.95%2013.277%2013.275c0%207.17-5.95%2013.275-13.277%2013.275%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%3Ccircle%20cx%3D%22128%22%20cy%3D%22128%22%20r%3D%22128%22%20fill%3D%22%23ff4500%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M213.15%20129.22c0-10.376-8.391-18.617-18.617-18.617a18.74%2018.74%200%200%200-12.97%205.189c-12.818-9.157-30.368-15.107-49.9-15.87l8.544-39.981l27.773%205.95c.307%207.02%206.104%2012.667%2013.278%2012.667c7.324%200%2013.275-5.95%2013.275-13.278c0-7.324-5.95-13.275-13.275-13.275c-5.188%200-9.768%203.052-11.904%207.478l-30.976-6.562c-.916-.154-1.832%200-2.443.458c-.763.458-1.22%201.22-1.371%202.136l-9.464%2044.558c-19.837.612-37.692%206.562-50.662%2015.872a18.74%2018.74%200%200%200-12.971-5.188c-10.377%200-18.617%208.391-18.617%2018.617c0%207.629%204.577%2014.037%2010.988%2016.939a33.6%2033.6%200%200%200-.458%205.646c0%2028.686%2033.42%2052.036%2074.621%2052.036c41.202%200%2074.622-23.196%2074.622-52.036a35%2035%200%200%200-.458-5.646c6.408-2.902%2010.985-9.464%2010.985-17.093M85.272%20142.495c0-7.324%205.95-13.275%2013.278-13.275c7.324%200%2013.275%205.95%2013.275%2013.275s-5.95%2013.278-13.275%2013.278c-7.327.15-13.278-5.953-13.278-13.278m74.317%2035.251c-9.156%209.157-26.553%209.768-31.588%209.768c-5.188%200-22.584-.765-31.59-9.768c-1.371-1.373-1.371-3.51%200-4.883c1.374-1.371%203.51-1.371%204.884%200c5.8%205.8%2018.008%207.782%2026.706%207.782s21.058-1.983%2026.704-7.782c1.374-1.371%203.51-1.371%204.884%200c1.22%201.373%201.22%203.51%200%204.883m-2.443-21.822c-7.325%200-13.275-5.95-13.275-13.275s5.95-13.275%2013.275-13.275c7.327%200%2013.277%205.95%2013.277%2013.275c0%207.17-5.95%2013.275-13.277%2013.275%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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