reddit square icon
reddit-square from Line Awesome by Icons8 · Line · Other · Apache-2.0 Free for personal and commercial use.
- Name
- reddit-square
- Set
- Line Awesome
- Style
- Line
- Category
- Other
- Viewbox
- 32×32
- License
- Apache 2.0
The same icon in other sets
More other icons from Line Awesome
Use the reddit square icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 5v22h22V5zm2 2h18v18H7zm10.059 1.994a.35.35 0 0 0-.397.268l-.863 3.746c-1.67.042-3.165.594-4.219 1.457A1.5 1.5 0 0 0 10.5 14a1.497 1.497 0 0 0-.445 2.926A3.4 3.4 0 0 0 10 17.5c0 2.485 2.686 4.5 6 4.5s6-2.015 6-4.5c0-.195-.023-.385-.055-.574a1.497 1.497 0 1 0-1.525-2.461c-.988-.81-2.363-1.347-3.906-1.445l.756-3.282l2.77.457A.986.986 0 0 0 21 11a1 1 0 0 0 0-2a.99.99 0 0 0-.85.506zm-3.967 6.824A1.09 1.09 0 1 1 13.09 18a1.09 1.09 0 0 1 .002-2.182m5.816 0A1.09 1.09 0 1 1 18.91 18a1.09 1.09 0 0 1-.002-2.182m-5.435 3.203a.35.35 0 0 1 .254.084c1.154.988 3.39.988 4.544 0a.351.351 0 0 1 .458.532c-.701.602-1.696.947-2.729.947s-2.027-.345-2.729-.947a.35.35 0 0 1 .202-.616"/></svg>
React
import type { SVGProps } from "react";
export function LaRedditSquare(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 5v22h22V5zm2 2h18v18H7zm10.059 1.994a.35.35 0 0 0-.397.268l-.863 3.746c-1.67.042-3.165.594-4.219 1.457A1.5 1.5 0 0 0 10.5 14a1.497 1.497 0 0 0-.445 2.926A3.4 3.4 0 0 0 10 17.5c0 2.485 2.686 4.5 6 4.5s6-2.015 6-4.5c0-.195-.023-.385-.055-.574a1.497 1.497 0 1 0-1.525-2.461c-.988-.81-2.363-1.347-3.906-1.445l.756-3.282l2.77.457A.986.986 0 0 0 21 11a1 1 0 0 0 0-2a.99.99 0 0 0-.85.506zm-3.967 6.824A1.09 1.09 0 1 1 13.09 18a1.09 1.09 0 0 1 .002-2.182m5.816 0A1.09 1.09 0 1 1 18.91 18a1.09 1.09 0 0 1-.002-2.182m-5.435 3.203a.35.35 0 0 1 .254.084c1.154.988 3.39.988 4.544 0a.351.351 0 0 1 .458.532c-.701.602-1.696.947-2.729.947s-2.027-.345-2.729-.947a.35.35 0 0 1 .202-.616"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="M5 5v22h22V5zm2 2h18v18H7zm10.059 1.994a.35.35 0 0 0-.397.268l-.863 3.746c-1.67.042-3.165.594-4.219 1.457A1.5 1.5 0 0 0 10.5 14a1.497 1.497 0 0 0-.445 2.926A3.4 3.4 0 0 0 10 17.5c0 2.485 2.686 4.5 6 4.5s6-2.015 6-4.5c0-.195-.023-.385-.055-.574a1.497 1.497 0 1 0-1.525-2.461c-.988-.81-2.363-1.347-3.906-1.445l.756-3.282l2.77.457A.986.986 0 0 0 21 11a1 1 0 0 0 0-2a.99.99 0 0 0-.85.506zm-3.967 6.824A1.09 1.09 0 1 1 13.09 18a1.09 1.09 0 0 1 .002-2.182m5.816 0A1.09 1.09 0 1 1 18.91 18a1.09 1.09 0 0 1-.002-2.182m-5.435 3.203a.35.35 0 0 1 .254.084c1.154.988 3.39.988 4.544 0a.351.351 0 0 1 .458.532c-.701.602-1.696.947-2.729.947s-2.027-.345-2.729-.947a.35.35 0 0 1 .202-.616"/></svg> </template>
CSS
.icon-reddit-square {
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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%205v22h22V5zm2%202h18v18H7zm10.059%201.994a.35.35%200%200%200-.397.268l-.863%203.746c-1.67.042-3.165.594-4.219%201.457A1.5%201.5%200%200%200%2010.5%2014a1.497%201.497%200%200%200-.445%202.926A3.4%203.4%200%200%200%2010%2017.5c0%202.485%202.686%204.5%206%204.5s6-2.015%206-4.5c0-.195-.023-.385-.055-.574a1.497%201.497%200%201%200-1.525-2.461c-.988-.81-2.363-1.347-3.906-1.445l.756-3.282l2.77.457A.986.986%200%200%200%2021%2011a1%201%200%200%200%200-2a.99.99%200%200%200-.85.506zm-3.967%206.824A1.09%201.09%200%201%201%2013.09%2018a1.09%201.09%200%200%201%20.002-2.182m5.816%200A1.09%201.09%200%201%201%2018.91%2018a1.09%201.09%200%200%201-.002-2.182m-5.435%203.203a.35.35%200%200%201%20.254.084c1.154.988%203.39.988%204.544%200a.351.351%200%200%201%20.458.532c-.701.602-1.696.947-2.729.947s-2.027-.345-2.729-.947a.35.35%200%200%201%20.202-.616%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M5%205v22h22V5zm2%202h18v18H7zm10.059%201.994a.35.35%200%200%200-.397.268l-.863%203.746c-1.67.042-3.165.594-4.219%201.457A1.5%201.5%200%200%200%2010.5%2014a1.497%201.497%200%200%200-.445%202.926A3.4%203.4%200%200%200%2010%2017.5c0%202.485%202.686%204.5%206%204.5s6-2.015%206-4.5c0-.195-.023-.385-.055-.574a1.497%201.497%200%201%200-1.525-2.461c-.988-.81-2.363-1.347-3.906-1.445l.756-3.282l2.77.457A.986.986%200%200%200%2021%2011a1%201%200%200%200%200-2a.99.99%200%200%200-.85.506zm-3.967%206.824A1.09%201.09%200%201%201%2013.09%2018a1.09%201.09%200%200%201%20.002-2.182m5.816%200A1.09%201.09%200%201%201%2018.91%2018a1.09%201.09%200%200%201-.002-2.182m-5.435%203.203a.35.35%200%200%201%20.254.084c1.154.988%203.39.988%204.544%200a.351.351%200%200%201%20.458.532c-.701.602-1.696.947-2.729.947s-2.027-.345-2.729-.947a.35.35%200%200%201%20.202-.616%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/la/reddit-square.svg?color=%231a73e8&size=48
