usercase link icon

usercase-link-filled from TDesign Icons by TDesign · Filled · MIT Free for personal and commercial use.

Name: usercase-link-filled
Set: TDesign Icons
Style: Filled
Viewbox: 24×24
License: MIT

1 other variant in TDesign Icons

Use the usercase link icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 9c.921 0 1.893.232 2.676.754C9.467 10.28 10 11.074 10 12s-.533 1.719-1.324 2.246C7.893 14.768 6.921 15 6 15s-1.893-.232-2.676-.754C2.533 13.72 2 12.926 2 12s.533-1.719 1.324-2.246C4.107 9.232 5.079 9 6 9m12 0c.921 0 1.893.232 2.676.754C21.467 10.28 22 11.074 22 12s-.533 1.719-1.324 2.246c-.783.522-1.755.754-2.676.754s-1.893-.232-2.676-.754C14.533 13.72 14 12.926 14 12s.533-1.719 1.324-2.246C16.107 9.232 17.079 9 18 9m-7.002 1.996h2.004V13h-2.004z"/></svg>

React

import type { SVGProps } from "react";

export function TdesignUsercaseLinkFilled(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="M6 9c.921 0 1.893.232 2.676.754C9.467 10.28 10 11.074 10 12s-.533 1.719-1.324 2.246C7.893 14.768 6.921 15 6 15s-1.893-.232-2.676-.754C2.533 13.72 2 12.926 2 12s.533-1.719 1.324-2.246C4.107 9.232 5.079 9 6 9m12 0c.921 0 1.893.232 2.676.754C21.467 10.28 22 11.074 22 12s-.533 1.719-1.324 2.246c-.783.522-1.755.754-2.676.754s-1.893-.232-2.676-.754C14.533 13.72 14 12.926 14 12s.533-1.719 1.324-2.246C16.107 9.232 17.079 9 18 9m-7.002 1.996h2.004V13h-2.004z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><path fill="currentColor" d="M6 9c.921 0 1.893.232 2.676.754C9.467 10.28 10 11.074 10 12s-.533 1.719-1.324 2.246C7.893 14.768 6.921 15 6 15s-1.893-.232-2.676-.754C2.533 13.72 2 12.926 2 12s.533-1.719 1.324-2.246C4.107 9.232 5.079 9 6 9m12 0c.921 0 1.893.232 2.676.754C21.467 10.28 22 11.074 22 12s-.533 1.719-1.324 2.246c-.783.522-1.755.754-2.676.754s-1.893-.232-2.676-.754C14.533 13.72 14 12.926 14 12s.533-1.719 1.324-2.246C16.107 9.232 17.079 9 18 9m-7.002 1.996h2.004V13h-2.004z"/></svg>
</template>

CSS

.icon-usercase-link-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%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M6%209c.921%200%201.893.232%202.676.754C9.467%2010.28%2010%2011.074%2010%2012s-.533%201.719-1.324%202.246C7.893%2014.768%206.921%2015%206%2015s-1.893-.232-2.676-.754C2.533%2013.72%202%2012.926%202%2012s.533-1.719%201.324-2.246C4.107%209.232%205.079%209%206%209m12%200c.921%200%201.893.232%202.676.754C21.467%2010.28%2022%2011.074%2022%2012s-.533%201.719-1.324%202.246c-.783.522-1.755.754-2.676.754s-1.893-.232-2.676-.754C14.533%2013.72%2014%2012.926%2014%2012s.533-1.719%201.324-2.246C16.107%209.232%2017.079%209%2018%209m-7.002%201.996h2.004V13h-2.004z%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%22M6%209c.921%200%201.893.232%202.676.754C9.467%2010.28%2010%2011.074%2010%2012s-.533%201.719-1.324%202.246C7.893%2014.768%206.921%2015%206%2015s-1.893-.232-2.676-.754C2.533%2013.72%202%2012.926%202%2012s.533-1.719%201.324-2.246C4.107%209.232%205.079%209%206%209m12%200c.921%200%201.893.232%202.676.754C21.467%2010.28%2022%2011.074%2022%2012s-.533%201.719-1.324%202.246c-.783.522-1.755.754-2.676.754s-1.893-.232-2.676-.754C14.533%2013.72%2014%2012.926%2014%2012s.533-1.719%201.324-2.246C16.107%209.232%2017.079%209%2018%209m-7.002%201.996h2.004V13h-2.004z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/tdesign/usercase-link-filled.svg?color=%231a73e8&size=48