sponsor tiers icon
sponsor-tiers-16 from Octicons by GitHub · 16 · MIT Free for personal and commercial use.
- Name
- sponsor-tiers-16
- Set
- Octicons
- Style
- 16
- Viewbox
- 16×16
- License
- MIT
1 other variant in Octicons
Use the sponsor tiers icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M10.586 1C12.268 1 13.5 2.37 13.5 4.25c0 1.745-.996 3.359-2.622 4.831q-.25.226-.509.438l1.116 5.584a.75.75 0 0 1-.991.852l-2.409-.876a.25.25 0 0 0-.17 0l-2.409.876a.75.75 0 0 1-.991-.852L5.63 9.519a14 14 0 0 1-.51-.438C3.497 7.609 2.5 5.995 2.5 4.25C2.5 2.37 3.732 1 5.414 1c.963 0 1.843.403 2.474 1.073L8 2.198l.112-.125a3.4 3.4 0 0 1 2.283-1.068zm-3.621 9.495l-.718 3.594l1.155-.42a1.75 1.75 0 0 1 1.028-.051l.168.051l1.154.42l-.718-3.592q-.3.195-.505.314l-.169.097a.75.75 0 0 1-.72 0a10 10 0 0 1-.515-.308zM10.586 2.5c-.863 0-1.611.58-1.866 1.459c-.209.721-1.231.721-1.44 0C7.025 3.08 6.277 2.5 5.414 2.5C4.598 2.5 4 3.165 4 4.25c0 1.23.786 2.504 2.128 3.719c.49.443 1.018.846 1.546 1.198l.325.21l.076-.047l.251-.163a13 13 0 0 0 1.546-1.198C11.214 6.754 12 5.479 12 4.25c0-1.085-.598-1.75-1.414-1.75"/></svg>
React
import type { SVGProps } from "react";
export function OcticonSponsorTiers16(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M10.586 1C12.268 1 13.5 2.37 13.5 4.25c0 1.745-.996 3.359-2.622 4.831q-.25.226-.509.438l1.116 5.584a.75.75 0 0 1-.991.852l-2.409-.876a.25.25 0 0 0-.17 0l-2.409.876a.75.75 0 0 1-.991-.852L5.63 9.519a14 14 0 0 1-.51-.438C3.497 7.609 2.5 5.995 2.5 4.25C2.5 2.37 3.732 1 5.414 1c.963 0 1.843.403 2.474 1.073L8 2.198l.112-.125a3.4 3.4 0 0 1 2.283-1.068zm-3.621 9.495l-.718 3.594l1.155-.42a1.75 1.75 0 0 1 1.028-.051l.168.051l1.154.42l-.718-3.592q-.3.195-.505.314l-.169.097a.75.75 0 0 1-.72 0a10 10 0 0 1-.515-.308zM10.586 2.5c-.863 0-1.611.58-1.866 1.459c-.209.721-1.231.721-1.44 0C7.025 3.08 6.277 2.5 5.414 2.5C4.598 2.5 4 3.165 4 4.25c0 1.23.786 2.504 2.128 3.719c.49.443 1.018.846 1.546 1.198l.325.21l.076-.047l.251-.163a13 13 0 0 0 1.546-1.198C11.214 6.754 12 5.479 12 4.25c0-1.085-.598-1.75-1.414-1.75"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 16 16"><path fill="currentColor" d="M10.586 1C12.268 1 13.5 2.37 13.5 4.25c0 1.745-.996 3.359-2.622 4.831q-.25.226-.509.438l1.116 5.584a.75.75 0 0 1-.991.852l-2.409-.876a.25.25 0 0 0-.17 0l-2.409.876a.75.75 0 0 1-.991-.852L5.63 9.519a14 14 0 0 1-.51-.438C3.497 7.609 2.5 5.995 2.5 4.25C2.5 2.37 3.732 1 5.414 1c.963 0 1.843.403 2.474 1.073L8 2.198l.112-.125a3.4 3.4 0 0 1 2.283-1.068zm-3.621 9.495l-.718 3.594l1.155-.42a1.75 1.75 0 0 1 1.028-.051l.168.051l1.154.42l-.718-3.592q-.3.195-.505.314l-.169.097a.75.75 0 0 1-.72 0a10 10 0 0 1-.515-.308zM10.586 2.5c-.863 0-1.611.58-1.866 1.459c-.209.721-1.231.721-1.44 0C7.025 3.08 6.277 2.5 5.414 2.5C4.598 2.5 4 3.165 4 4.25c0 1.23.786 2.504 2.128 3.719c.49.443 1.018.846 1.546 1.198l.325.21l.076-.047l.251-.163a13 13 0 0 0 1.546-1.198C11.214 6.754 12 5.479 12 4.25c0-1.085-.598-1.75-1.414-1.75"/></svg> </template>
CSS
.icon-sponsor-tiers-16 {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.586%201C12.268%201%2013.5%202.37%2013.5%204.25c0%201.745-.996%203.359-2.622%204.831q-.25.226-.509.438l1.116%205.584a.75.75%200%200%201-.991.852l-2.409-.876a.25.25%200%200%200-.17%200l-2.409.876a.75.75%200%200%201-.991-.852L5.63%209.519a14%2014%200%200%201-.51-.438C3.497%207.609%202.5%205.995%202.5%204.25C2.5%202.37%203.732%201%205.414%201c.963%200%201.843.403%202.474%201.073L8%202.198l.112-.125a3.4%203.4%200%200%201%202.283-1.068zm-3.621%209.495l-.718%203.594l1.155-.42a1.75%201.75%200%200%201%201.028-.051l.168.051l1.154.42l-.718-3.592q-.3.195-.505.314l-.169.097a.75.75%200%200%201-.72%200a10%2010%200%200%201-.515-.308zM10.586%202.5c-.863%200-1.611.58-1.866%201.459c-.209.721-1.231.721-1.44%200C7.025%203.08%206.277%202.5%205.414%202.5C4.598%202.5%204%203.165%204%204.25c0%201.23.786%202.504%202.128%203.719c.49.443%201.018.846%201.546%201.198l.325.21l.076-.047l.251-.163a13%2013%200%200%200%201.546-1.198C11.214%206.754%2012%205.479%2012%204.25c0-1.085-.598-1.75-1.414-1.75%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%2016%2016%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M10.586%201C12.268%201%2013.5%202.37%2013.5%204.25c0%201.745-.996%203.359-2.622%204.831q-.25.226-.509.438l1.116%205.584a.75.75%200%200%201-.991.852l-2.409-.876a.25.25%200%200%200-.17%200l-2.409.876a.75.75%200%200%201-.991-.852L5.63%209.519a14%2014%200%200%201-.51-.438C3.497%207.609%202.5%205.995%202.5%204.25C2.5%202.37%203.732%201%205.414%201c.963%200%201.843.403%202.474%201.073L8%202.198l.112-.125a3.4%203.4%200%200%201%202.283-1.068zm-3.621%209.495l-.718%203.594l1.155-.42a1.75%201.75%200%200%201%201.028-.051l.168.051l1.154.42l-.718-3.592q-.3.195-.505.314l-.169.097a.75.75%200%200%201-.72%200a10%2010%200%200%201-.515-.308zM10.586%202.5c-.863%200-1.611.58-1.866%201.459c-.209.721-1.231.721-1.44%200C7.025%203.08%206.277%202.5%205.414%202.5C4.598%202.5%204%203.165%204%204.25c0%201.23.786%202.504%202.128%203.719c.49.443%201.018.846%201.546%201.198l.325.21l.076-.047l.251-.163a13%2013%200%200%200%201.546-1.198C11.214%206.754%2012%205.479%2012%204.25c0-1.085-.598-1.75-1.414-1.75%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/octicon/sponsor-tiers-16.svg?color=%231a73e8&size=48
