pagelines icon
pagelines from Unicons Monochrome by Iconscout · Monochrome · Brand Logos · Apache-2.0 Free for personal and commercial use.
- Name
- pagelines
- Set
- Unicons Monochrome
- Style
- Monochrome
- Category
- Brand Logos
- Viewbox
- 24×24
- License
- Apache 2.0
The same icon in other sets
More brand logos icons from Unicons Monochrome
Use the pagelines icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.1 14.006a10.7 10.7 0 0 1-.895 2.275a3.5 3.5 0 0 1 1.36-.456c1.957-.21 3.75 1.543 3.75 1.543s-1.38 2.092-3.34 2.299a4.95 4.95 0 0 1-3.337-1.194A10.8 10.8 0 0 1 4.67 22a.672.672 0 0 1 0-1.344a9.42 9.42 0 0 0 5.845-2.032a3.75 3.75 0 0 1-1.735-.243c-1.816-.76-2.536-3.162-2.536-3.162s2.215-1.167 4.028-.404a4.4 4.4 0 0 1 2.012 1.98a9.4 9.4 0 0 0 1.458-2.9a4.72 4.72 0 0 1-3.258-.076c-1.773-.852-2.376-3.284-2.376-3.284s2.275-1.056 4.049-.203a4.4 4.4 0 0 1 1.9 2.058a9 9 0 0 0 .076-1.01a6.82 6.82 0 0 1-2.518-4.03C11.268 4.582 13.71 2 13.71 2s3.002 1.901 3.346 4.664a7 7 0 0 1-1.583 4.726a9 9 0 0 1-.06.99a4.2 4.2 0 0 1 1.7-1.822c1.75-.905 4.054.085 4.054.085s-.532 2.449-2.282 3.35a5.15 5.15 0 0 1-3.786.013Zm0 0"/></svg>
React
import type { SVGProps } from "react";
export function UimPagelines(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.1 14.006a10.7 10.7 0 0 1-.895 2.275a3.5 3.5 0 0 1 1.36-.456c1.957-.21 3.75 1.543 3.75 1.543s-1.38 2.092-3.34 2.299a4.95 4.95 0 0 1-3.337-1.194A10.8 10.8 0 0 1 4.67 22a.672.672 0 0 1 0-1.344a9.42 9.42 0 0 0 5.845-2.032a3.75 3.75 0 0 1-1.735-.243c-1.816-.76-2.536-3.162-2.536-3.162s2.215-1.167 4.028-.404a4.4 4.4 0 0 1 2.012 1.98a9.4 9.4 0 0 0 1.458-2.9a4.72 4.72 0 0 1-3.258-.076c-1.773-.852-2.376-3.284-2.376-3.284s2.275-1.056 4.049-.203a4.4 4.4 0 0 1 1.9 2.058a9 9 0 0 0 .076-1.01a6.82 6.82 0 0 1-2.518-4.03C11.268 4.582 13.71 2 13.71 2s3.002 1.901 3.346 4.664a7 7 0 0 1-1.583 4.726a9 9 0 0 1-.06.99a4.2 4.2 0 0 1 1.7-1.822c1.75-.905 4.054.085 4.054.085s-.532 2.449-2.282 3.35a5.15 5.15 0 0 1-3.786.013Zm0 0"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M15.1 14.006a10.7 10.7 0 0 1-.895 2.275a3.5 3.5 0 0 1 1.36-.456c1.957-.21 3.75 1.543 3.75 1.543s-1.38 2.092-3.34 2.299a4.95 4.95 0 0 1-3.337-1.194A10.8 10.8 0 0 1 4.67 22a.672.672 0 0 1 0-1.344a9.42 9.42 0 0 0 5.845-2.032a3.75 3.75 0 0 1-1.735-.243c-1.816-.76-2.536-3.162-2.536-3.162s2.215-1.167 4.028-.404a4.4 4.4 0 0 1 2.012 1.98a9.4 9.4 0 0 0 1.458-2.9a4.72 4.72 0 0 1-3.258-.076c-1.773-.852-2.376-3.284-2.376-3.284s2.275-1.056 4.049-.203a4.4 4.4 0 0 1 1.9 2.058a9 9 0 0 0 .076-1.01a6.82 6.82 0 0 1-2.518-4.03C11.268 4.582 13.71 2 13.71 2s3.002 1.901 3.346 4.664a7 7 0 0 1-1.583 4.726a9 9 0 0 1-.06.99a4.2 4.2 0 0 1 1.7-1.822c1.75-.905 4.054.085 4.054.085s-.532 2.449-2.282 3.35a5.15 5.15 0 0 1-3.786.013Zm0 0"/></svg> </template>
CSS
.icon-pagelines {
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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.1%2014.006a10.7%2010.7%200%200%201-.895%202.275a3.5%203.5%200%200%201%201.36-.456c1.957-.21%203.75%201.543%203.75%201.543s-1.38%202.092-3.34%202.299a4.95%204.95%200%200%201-3.337-1.194A10.8%2010.8%200%200%201%204.67%2022a.672.672%200%200%201%200-1.344a9.42%209.42%200%200%200%205.845-2.032a3.75%203.75%200%200%201-1.735-.243c-1.816-.76-2.536-3.162-2.536-3.162s2.215-1.167%204.028-.404a4.4%204.4%200%200%201%202.012%201.98a9.4%209.4%200%200%200%201.458-2.9a4.72%204.72%200%200%201-3.258-.076c-1.773-.852-2.376-3.284-2.376-3.284s2.275-1.056%204.049-.203a4.4%204.4%200%200%201%201.9%202.058a9%209%200%200%200%20.076-1.01a6.82%206.82%200%200%201-2.518-4.03C11.268%204.582%2013.71%202%2013.71%202s3.002%201.901%203.346%204.664a7%207%200%200%201-1.583%204.726a9%209%200%200%201-.06.99a4.2%204.2%200%200%201%201.7-1.822c1.75-.905%204.054.085%204.054.085s-.532%202.449-2.282%203.35a5.15%205.15%200%200%201-3.786.013Zm0%200%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%2024%2024%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M15.1%2014.006a10.7%2010.7%200%200%201-.895%202.275a3.5%203.5%200%200%201%201.36-.456c1.957-.21%203.75%201.543%203.75%201.543s-1.38%202.092-3.34%202.299a4.95%204.95%200%200%201-3.337-1.194A10.8%2010.8%200%200%201%204.67%2022a.672.672%200%200%201%200-1.344a9.42%209.42%200%200%200%205.845-2.032a3.75%203.75%200%200%201-1.735-.243c-1.816-.76-2.536-3.162-2.536-3.162s2.215-1.167%204.028-.404a4.4%204.4%200%200%201%202.012%201.98a9.4%209.4%200%200%200%201.458-2.9a4.72%204.72%200%200%201-3.258-.076c-1.773-.852-2.376-3.284-2.376-3.284s2.275-1.056%204.049-.203a4.4%204.4%200%200%201%201.9%202.058a9%209%200%200%200%20.076-1.01a6.82%206.82%200%200%201-2.518-4.03C11.268%204.582%2013.71%202%2013.71%202s3.002%201.901%203.346%204.664a7%207%200%200%201-1.583%204.726a9%209%200%200%201-.06.99a4.2%204.2%200%200%201%201.7-1.822c1.75-.905%204.054.085%204.054.085s-.532%202.449-2.282%203.35a5.15%205.15%200%200%201-3.786.013Zm0%200%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/uim/pagelines.svg?color=%231a73e8&size=48
