reddit icon

reddit from Bootstrap Icons by The Bootstrap Authors · Outline · MIT Free for personal and commercial use.

Name
reddit
Set
Bootstrap Icons
Style
Outline
Viewbox
16×16
License
MIT

The same icon in other sets

reddit-fillAkar IconsredditBoxicons BrandsredditFont Awesome 6 BrandsredditHuge IconsredditJam 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="0 0 16 16"><g fill="currentColor"><path d="M6.167 8a.83.83 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.23.23 0 0 0 0-.306a.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487c-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0a.213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83s.83-.381.83-.83a.831.831 0 0 0-1.66 0z"/><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325c-.801-.573-1.9-.945-3.121-.993l.534-2.501l1.738.372a.83.83 0 1 0 .83-.869a.83.83 0 0 0-.744.468l-1.938-.41a.2.2 0 0 0-.153.028a.2.2 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992c-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224q-.03.17-.029.353c0 1.795 2.091 3.256 4.669 3.256s4.668-1.451 4.668-3.256c0-.114-.01-.238-.029-.353c.401-.181.688-.592.688-1.069c0-.65-.525-1.165-1.165-1.165"/></g></svg>

React

import type { SVGProps } from "react";

export function BiReddit(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M6.167 8a.83.83 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.23.23 0 0 0 0-.306a.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487c-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0a.213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83s.83-.381.83-.83a.831.831 0 0 0-1.66 0z"/><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325c-.801-.573-1.9-.945-3.121-.993l.534-2.501l1.738.372a.83.83 0 1 0 .83-.869a.83.83 0 0 0-.744.468l-1.938-.41a.2.2 0 0 0-.153.028a.2.2 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992c-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224q-.03.17-.029.353c0 1.795 2.091 3.256 4.669 3.256s4.668-1.451 4.668-3.256c0-.114-.01-.238-.029-.353c.401-.181.688-.592.688-1.069c0-.65-.525-1.165-1.165-1.165"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><g fill="currentColor"><path d="M6.167 8a.83.83 0 0 0-.83.83c0 .459.372.84.83.831a.831.831 0 0 0 0-1.661m1.843 3.647c.315 0 1.403-.038 1.976-.611a.23.23 0 0 0 0-.306a.213.213 0 0 0-.306 0c-.353.363-1.126.487-1.67.487c-.545 0-1.308-.124-1.671-.487a.213.213 0 0 0-.306 0a.213.213 0 0 0 0 .306c.564.563 1.652.61 1.977.61zm.992-2.807c0 .458.373.83.831.83s.83-.381.83-.83a.831.831 0 0 0-1.66 0z"/><path d="M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0m-3.828-1.165c-.315 0-.602.124-.812.325c-.801-.573-1.9-.945-3.121-.993l.534-2.501l1.738.372a.83.83 0 1 0 .83-.869a.83.83 0 0 0-.744.468l-1.938-.41a.2.2 0 0 0-.153.028a.2.2 0 0 0-.086.134l-.592 2.788c-1.24.038-2.358.41-3.17.992c-.21-.2-.496-.324-.81-.324a1.163 1.163 0 0 0-.478 2.224q-.03.17-.029.353c0 1.795 2.091 3.256 4.669 3.256s4.668-1.451 4.668-3.256c0-.114-.01-.238-.029-.353c.401-.181.688-.592.688-1.069c0-.65-.525-1.165-1.165-1.165"/></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%220%200%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6.167%208a.83.83%200%200%200-.83.83c0%20.459.372.84.83.831a.831.831%200%200%200%200-1.661m1.843%203.647c.315%200%201.403-.038%201.976-.611a.23.23%200%200%200%200-.306a.213.213%200%200%200-.306%200c-.353.363-1.126.487-1.67.487c-.545%200-1.308-.124-1.671-.487a.213.213%200%200%200-.306%200a.213.213%200%200%200%200%20.306c.564.563%201.652.61%201.977.61zm.992-2.807c0%20.458.373.83.831.83s.83-.381.83-.83a.831.831%200%200%200-1.66%200z%22%2F%3E%3Cpath%20d%3D%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200m-3.828-1.165c-.315%200-.602.124-.812.325c-.801-.573-1.9-.945-3.121-.993l.534-2.501l1.738.372a.83.83%200%201%200%20.83-.869a.83.83%200%200%200-.744.468l-1.938-.41a.2.2%200%200%200-.153.028a.2.2%200%200%200-.086.134l-.592%202.788c-1.24.038-2.358.41-3.17.992c-.21-.2-.496-.324-.81-.324a1.163%201.163%200%200%200-.478%202.224q-.03.17-.029.353c0%201.795%202.091%203.256%204.669%203.256s4.668-1.451%204.668-3.256c0-.114-.01-.238-.029-.353c.401-.181.688-.592.688-1.069c0-.65-.525-1.165-1.165-1.165%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%220%200%2016%2016%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M6.167%208a.83.83%200%200%200-.83.83c0%20.459.372.84.83.831a.831.831%200%200%200%200-1.661m1.843%203.647c.315%200%201.403-.038%201.976-.611a.23.23%200%200%200%200-.306a.213.213%200%200%200-.306%200c-.353.363-1.126.487-1.67.487c-.545%200-1.308-.124-1.671-.487a.213.213%200%200%200-.306%200a.213.213%200%200%200%200%20.306c.564.563%201.652.61%201.977.61zm.992-2.807c0%20.458.373.83.831.83s.83-.381.83-.83a.831.831%200%200%200-1.66%200z%22%2F%3E%3Cpath%20d%3D%22M16%208A8%208%200%201%201%200%208a8%208%200%200%201%2016%200m-3.828-1.165c-.315%200-.602.124-.812.325c-.801-.573-1.9-.945-3.121-.993l.534-2.501l1.738.372a.83.83%200%201%200%20.83-.869a.83.83%200%200%200-.744.468l-1.938-.41a.2.2%200%200%200-.153.028a.2.2%200%200%200-.086.134l-.592%202.788c-1.24.038-2.358.41-3.17.992c-.21-.2-.496-.324-.81-.324a1.163%201.163%200%200%200-.478%202.224q-.03.17-.029.353c0%201.795%202.091%203.256%204.669%203.256s4.668-1.451%204.668-3.256c0-.114-.01-.238-.029-.353c.401-.181.688-.592.688-1.069c0-.65-.525-1.165-1.165-1.165%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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