meta-line from Remix Icon by Remix Design · Line · Logos · Apache-2.0 Free for personal and commercial use.

Name
meta-line
Set
Remix Icon
Style
Line
Category
Logos
Viewbox
24×24
License
Apache 2.0

1 other variant in Remix Icon

The same icon in other sets

More logos icons from Remix Icon

Use the meta icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.974 16.164q-.427 1.335-1.47 1.336q-1.316 0-2.587-1.58q-.883-1.096-2.477-4.168a58 58 0 0 0-1.269-2.33q.465-.732.829-1.176Q15.436 6.5 17.005 6.5q1.252 0 2.386 1.608q1.164 1.651 1.632 4.08q.46 2.391-.049 3.975m-8.97-4.734q.315.578.66 1.242q1.687 3.25 2.695 4.503q1.872 2.325 4.146 2.325q1.284 0 2.197-.81q.787-.7 1.177-1.916q.665-2.07.108-4.963q-.549-2.852-1.962-4.856Q19.294 4.5 17.005 4.5q-2.514 0-4.55 2.476q-.213.259-.45.594a10 10 0 0 0-.45-.594Q9.519 4.501 7.005 4.5q-2.289 0-4.02 2.455q-1.413 2.004-1.962 4.856q-.556 2.892.108 4.963q.39 1.216 1.177 1.915q.913.81 2.197.811q2.274 0 4.146-2.325q1.008-1.253 2.694-4.502q.345-.666.66-1.243m-1.166-2.008q-.585 1.01-1.268 2.33q-1.595 3.072-2.477 4.169Q5.82 17.5 4.505 17.5q-1.041 0-1.47-1.337q-.507-1.584-.048-3.974q.466-2.43 1.632-4.081Q5.753 6.5 7.005 6.5q1.57 0 3.005 1.746q.365.444.828 1.176"/></svg>

React

import type { SVGProps } from "react";

export function RiMetaLine(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="M20.974 16.164q-.427 1.335-1.47 1.336q-1.316 0-2.587-1.58q-.883-1.096-2.477-4.168a58 58 0 0 0-1.269-2.33q.465-.732.829-1.176Q15.436 6.5 17.005 6.5q1.252 0 2.386 1.608q1.164 1.651 1.632 4.08q.46 2.391-.049 3.975m-8.97-4.734q.315.578.66 1.242q1.687 3.25 2.695 4.503q1.872 2.325 4.146 2.325q1.284 0 2.197-.81q.787-.7 1.177-1.916q.665-2.07.108-4.963q-.549-2.852-1.962-4.856Q19.294 4.5 17.005 4.5q-2.514 0-4.55 2.476q-.213.259-.45.594a10 10 0 0 0-.45-.594Q9.519 4.501 7.005 4.5q-2.289 0-4.02 2.455q-1.413 2.004-1.962 4.856q-.556 2.892.108 4.963q.39 1.216 1.177 1.915q.913.81 2.197.811q2.274 0 4.146-2.325q1.008-1.253 2.694-4.502q.345-.666.66-1.243m-1.166-2.008q-.585 1.01-1.268 2.33q-1.595 3.072-2.477 4.169Q5.82 17.5 4.505 17.5q-1.041 0-1.47-1.337q-.507-1.584-.048-3.974q.466-2.43 1.632-4.081Q5.753 6.5 7.005 6.5q1.57 0 3.005 1.746q.365.444.828 1.176"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M20.974 16.164q-.427 1.335-1.47 1.336q-1.316 0-2.587-1.58q-.883-1.096-2.477-4.168a58 58 0 0 0-1.269-2.33q.465-.732.829-1.176Q15.436 6.5 17.005 6.5q1.252 0 2.386 1.608q1.164 1.651 1.632 4.08q.46 2.391-.049 3.975m-8.97-4.734q.315.578.66 1.242q1.687 3.25 2.695 4.503q1.872 2.325 4.146 2.325q1.284 0 2.197-.81q.787-.7 1.177-1.916q.665-2.07.108-4.963q-.549-2.852-1.962-4.856Q19.294 4.5 17.005 4.5q-2.514 0-4.55 2.476q-.213.259-.45.594a10 10 0 0 0-.45-.594Q9.519 4.501 7.005 4.5q-2.289 0-4.02 2.455q-1.413 2.004-1.962 4.856q-.556 2.892.108 4.963q.39 1.216 1.177 1.915q.913.81 2.197.811q2.274 0 4.146-2.325q1.008-1.253 2.694-4.502q.345-.666.66-1.243m-1.166-2.008q-.585 1.01-1.268 2.33q-1.595 3.072-2.477 4.169Q5.82 17.5 4.505 17.5q-1.041 0-1.47-1.337q-.507-1.584-.048-3.974q.466-2.43 1.632-4.081Q5.753 6.5 7.005 6.5q1.57 0 3.005 1.746q.365.444.828 1.176"/></svg>
</template>

CSS

.icon-meta-line {
  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%22M20.974%2016.164q-.427%201.335-1.47%201.336q-1.316%200-2.587-1.58q-.883-1.096-2.477-4.168a58%2058%200%200%200-1.269-2.33q.465-.732.829-1.176Q15.436%206.5%2017.005%206.5q1.252%200%202.386%201.608q1.164%201.651%201.632%204.08q.46%202.391-.049%203.975m-8.97-4.734q.315.578.66%201.242q1.687%203.25%202.695%204.503q1.872%202.325%204.146%202.325q1.284%200%202.197-.81q.787-.7%201.177-1.916q.665-2.07.108-4.963q-.549-2.852-1.962-4.856Q19.294%204.5%2017.005%204.5q-2.514%200-4.55%202.476q-.213.259-.45.594a10%2010%200%200%200-.45-.594Q9.519%204.501%207.005%204.5q-2.289%200-4.02%202.455q-1.413%202.004-1.962%204.856q-.556%202.892.108%204.963q.39%201.216%201.177%201.915q.913.81%202.197.811q2.274%200%204.146-2.325q1.008-1.253%202.694-4.502q.345-.666.66-1.243m-1.166-2.008q-.585%201.01-1.268%202.33q-1.595%203.072-2.477%204.169Q5.82%2017.5%204.505%2017.5q-1.041%200-1.47-1.337q-.507-1.584-.048-3.974q.466-2.43%201.632-4.081Q5.753%206.5%207.005%206.5q1.57%200%203.005%201.746q.365.444.828%201.176%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%22M20.974%2016.164q-.427%201.335-1.47%201.336q-1.316%200-2.587-1.58q-.883-1.096-2.477-4.168a58%2058%200%200%200-1.269-2.33q.465-.732.829-1.176Q15.436%206.5%2017.005%206.5q1.252%200%202.386%201.608q1.164%201.651%201.632%204.08q.46%202.391-.049%203.975m-8.97-4.734q.315.578.66%201.242q1.687%203.25%202.695%204.503q1.872%202.325%204.146%202.325q1.284%200%202.197-.81q.787-.7%201.177-1.916q.665-2.07.108-4.963q-.549-2.852-1.962-4.856Q19.294%204.5%2017.005%204.5q-2.514%200-4.55%202.476q-.213.259-.45.594a10%2010%200%200%200-.45-.594Q9.519%204.501%207.005%204.5q-2.289%200-4.02%202.455q-1.413%202.004-1.962%204.856q-.556%202.892.108%204.963q.39%201.216%201.177%201.915q.913.81%202.197.811q2.274%200%204.146-2.325q1.008-1.253%202.694-4.502q.345-.666.66-1.243m-1.166-2.008q-.585%201.01-1.268%202.33q-1.595%203.072-2.477%204.169Q5.82%2017.5%204.505%2017.5q-1.041%200-1.47-1.337q-.507-1.584-.048-3.974q.466-2.43%201.632-4.081Q5.753%206.5%207.005%206.5q1.57%200%203.005%201.746q.365.444.828%201.176%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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