subscription icon
subscription-filled from Reicon by REICON · Filled · Arrows-action · MIT Free for personal and commercial use.
- Name
- subscription-filled
- Set
- Reicon
- Style
- Filled
- Category
- Arrows-action
- Viewbox
- 24×24
- License
- MIT
1 other variant in Reicon
More arrows-action icons from Reicon
Use the subscription icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 18c-.552 0-1-.453-1-1v-.333H9.667c-.552 0-1-.454-1-1c0-.547.448-1 1-1h3.167a.832.832 0 1 0 0-1.667h-1.667a2.83 2.83 0 0 1-2.833-2.827A2.853 2.853 0 0 1 11 7.333V7c0-.547.448-1 1-1s1 .453 1 1v.333h1.333c.552 0 1 .454 1 1c0 .547-.448 1-1 1h-3.166a.832.832 0 1 0 0 1.667h1.667a2.835 2.835 0 0 1 2.833 2.84c0 1.493-1.183 2.733-2.667 2.827V17c0 .547-.448 1-1 1"/><path d="M2.337 12.732H2.31a1 1 0 0 1-.973-1.028A10.61 10.61 0 0 1 12 1.334c3.372 0 6.46 1.563 8.445 4.141l.237-1.319a1.006 1.006 0 0 1 1.162-.807a1 1 0 0 1 .807 1.161l-.72 4a1 1 0 0 1-1.91.203A8.64 8.64 0 0 0 12 3.333a8.62 8.62 0 0 0-8.664 8.426a1 1 0 0 1-1 .973M12 22.667a10.63 10.63 0 0 1-8.445-4.142l-.237 1.319a1 1 0 1 1-1.969-.354l.72-4a1 1 0 0 1 1.91-.203a8.64 8.64 0 0 0 8.02 5.38a8.62 8.62 0 0 0 8.664-8.426c.015-.552.458-1.02 1.027-.972a1 1 0 0 1 .973 1.027A10.61 10.61 0 0 1 12 22.666"/></g></svg>
React
import type { SVGProps } from "react";
export function ReiconSubscriptionFilled(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 18c-.552 0-1-.453-1-1v-.333H9.667c-.552 0-1-.454-1-1c0-.547.448-1 1-1h3.167a.832.832 0 1 0 0-1.667h-1.667a2.83 2.83 0 0 1-2.833-2.827A2.853 2.853 0 0 1 11 7.333V7c0-.547.448-1 1-1s1 .453 1 1v.333h1.333c.552 0 1 .454 1 1c0 .547-.448 1-1 1h-3.166a.832.832 0 1 0 0 1.667h1.667a2.835 2.835 0 0 1 2.833 2.84c0 1.493-1.183 2.733-2.667 2.827V17c0 .547-.448 1-1 1"/><path d="M2.337 12.732H2.31a1 1 0 0 1-.973-1.028A10.61 10.61 0 0 1 12 1.334c3.372 0 6.46 1.563 8.445 4.141l.237-1.319a1.006 1.006 0 0 1 1.162-.807a1 1 0 0 1 .807 1.161l-.72 4a1 1 0 0 1-1.91.203A8.64 8.64 0 0 0 12 3.333a8.62 8.62 0 0 0-8.664 8.426a1 1 0 0 1-1 .973M12 22.667a10.63 10.63 0 0 1-8.445-4.142l-.237 1.319a1 1 0 1 1-1.969-.354l.72-4a1 1 0 0 1 1.91-.203a8.64 8.64 0 0 0 8.02 5.38a8.62 8.62 0 0 0 8.664-8.426c.015-.552.458-1.02 1.027-.972a1 1 0 0 1 .973 1.027A10.61 10.61 0 0 1 12 22.666"/></g></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 18c-.552 0-1-.453-1-1v-.333H9.667c-.552 0-1-.454-1-1c0-.547.448-1 1-1h3.167a.832.832 0 1 0 0-1.667h-1.667a2.83 2.83 0 0 1-2.833-2.827A2.853 2.853 0 0 1 11 7.333V7c0-.547.448-1 1-1s1 .453 1 1v.333h1.333c.552 0 1 .454 1 1c0 .547-.448 1-1 1h-3.166a.832.832 0 1 0 0 1.667h1.667a2.835 2.835 0 0 1 2.833 2.84c0 1.493-1.183 2.733-2.667 2.827V17c0 .547-.448 1-1 1"/><path d="M2.337 12.732H2.31a1 1 0 0 1-.973-1.028A10.61 10.61 0 0 1 12 1.334c3.372 0 6.46 1.563 8.445 4.141l.237-1.319a1.006 1.006 0 0 1 1.162-.807a1 1 0 0 1 .807 1.161l-.72 4a1 1 0 0 1-1.91.203A8.64 8.64 0 0 0 12 3.333a8.62 8.62 0 0 0-8.664 8.426a1 1 0 0 1-1 .973M12 22.667a10.63 10.63 0 0 1-8.445-4.142l-.237 1.319a1 1 0 1 1-1.969-.354l.72-4a1 1 0 0 1 1.91-.203a8.64 8.64 0 0 0 8.02 5.38a8.62 8.62 0 0 0 8.664-8.426c.015-.552.458-1.02 1.027-.972a1 1 0 0 1 .973 1.027A10.61 10.61 0 0 1 12 22.666"/></g></svg> </template>
CSS
.icon-subscription-filled {
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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%2018c-.552%200-1-.453-1-1v-.333H9.667c-.552%200-1-.454-1-1c0-.547.448-1%201-1h3.167a.832.832%200%201%200%200-1.667h-1.667a2.83%202.83%200%200%201-2.833-2.827A2.853%202.853%200%200%201%2011%207.333V7c0-.547.448-1%201-1s1%20.453%201%201v.333h1.333c.552%200%201%20.454%201%201c0%20.547-.448%201-1%201h-3.166a.832.832%200%201%200%200%201.667h1.667a2.835%202.835%200%200%201%202.833%202.84c0%201.493-1.183%202.733-2.667%202.827V17c0%20.547-.448%201-1%201%22%2F%3E%3Cpath%20d%3D%22M2.337%2012.732H2.31a1%201%200%200%201-.973-1.028A10.61%2010.61%200%200%201%2012%201.334c3.372%200%206.46%201.563%208.445%204.141l.237-1.319a1.006%201.006%200%200%201%201.162-.807a1%201%200%200%201%20.807%201.161l-.72%204a1%201%200%200%201-1.91.203A8.64%208.64%200%200%200%2012%203.333a8.62%208.62%200%200%200-8.664%208.426a1%201%200%200%201-1%20.973M12%2022.667a10.63%2010.63%200%200%201-8.445-4.142l-.237%201.319a1%201%200%201%201-1.969-.354l.72-4a1%201%200%200%201%201.91-.203a8.64%208.64%200%200%200%208.02%205.38a8.62%208.62%200%200%200%208.664-8.426c.015-.552.458-1.02%201.027-.972a1%201%200%200%201%20.973%201.027A10.61%2010.61%200%200%201%2012%2022.666%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%2024%2024%22%3E%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M12%2018c-.552%200-1-.453-1-1v-.333H9.667c-.552%200-1-.454-1-1c0-.547.448-1%201-1h3.167a.832.832%200%201%200%200-1.667h-1.667a2.83%202.83%200%200%201-2.833-2.827A2.853%202.853%200%200%201%2011%207.333V7c0-.547.448-1%201-1s1%20.453%201%201v.333h1.333c.552%200%201%20.454%201%201c0%20.547-.448%201-1%201h-3.166a.832.832%200%201%200%200%201.667h1.667a2.835%202.835%200%200%201%202.833%202.84c0%201.493-1.183%202.733-2.667%202.827V17c0%20.547-.448%201-1%201%22%2F%3E%3Cpath%20d%3D%22M2.337%2012.732H2.31a1%201%200%200%201-.973-1.028A10.61%2010.61%200%200%201%2012%201.334c3.372%200%206.46%201.563%208.445%204.141l.237-1.319a1.006%201.006%200%200%201%201.162-.807a1%201%200%200%201%20.807%201.161l-.72%204a1%201%200%200%201-1.91.203A8.64%208.64%200%200%200%2012%203.333a8.62%208.62%200%200%200-8.664%208.426a1%201%200%200%201-1%20.973M12%2022.667a10.63%2010.63%200%200%201-8.445-4.142l-.237%201.319a1%201%200%201%201-1.969-.354l.72-4a1%201%200%200%201%201.91-.203a8.64%208.64%200%200%200%208.02%205.38a8.62%208.62%200%200%200%208.664-8.426c.015-.552.458-1.02%201.027-.972a1%201%200%200%201%20.973%201.027A10.61%2010.61%200%200%201%2012%2022.666%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/reicon/subscription-filled.svg?color=%231a73e8&size=48
