join right outer icon

join-right-outer from Carbon by IBM · Outline · Organization · Apache-2.0 Free for personal and commercial use.

Name
join-right-outer
Set
Carbon
Style
Outline
Category
Organization
Viewbox
32×32
License
Apache 2.0

More organization icons from Carbon

Use the join right outer icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m28.01 16l-5 5l-1.41-1.41L24.19 17h-8.16c-5.52 0-10.02 4.11-10.02 9.17V28h-2v-1.83c0-4.45 2.82-8.29 6.89-10.09c-.43-.21-.85-.43-1.26-.69l1.02-1.74c1.04.66 2.16 1.11 3.35 1.34h10.17l-2.59-2.59L23 10.99l5 5ZM6.36 7.81c-.26-.92-.39-1.88-.39-2.85V4H4.02v.96c0 1.16.16 2.32.47 3.43l1.87-.57Zm1.54 6.23l1.31-1.51c-.9-.85-1.64-1.85-2.19-2.97l-1.74.92c.66 1.35 1.54 2.54 2.62 3.56"/></svg>

React

import type { SVGProps } from "react";

export function CarbonJoinRightOuter(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m28.01 16l-5 5l-1.41-1.41L24.19 17h-8.16c-5.52 0-10.02 4.11-10.02 9.17V28h-2v-1.83c0-4.45 2.82-8.29 6.89-10.09c-.43-.21-.85-.43-1.26-.69l1.02-1.74c1.04.66 2.16 1.11 3.35 1.34h10.17l-2.59-2.59L23 10.99l5 5ZM6.36 7.81c-.26-.92-.39-1.88-.39-2.85V4H4.02v.96c0 1.16.16 2.32.47 3.43l1.87-.57Zm1.54 6.23l1.31-1.51c-.9-.85-1.64-1.85-2.19-2.97l-1.74.92c.66 1.35 1.54 2.54 2.62 3.56"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 32 32"><path fill="currentColor" d="m28.01 16l-5 5l-1.41-1.41L24.19 17h-8.16c-5.52 0-10.02 4.11-10.02 9.17V28h-2v-1.83c0-4.45 2.82-8.29 6.89-10.09c-.43-.21-.85-.43-1.26-.69l1.02-1.74c1.04.66 2.16 1.11 3.35 1.34h10.17l-2.59-2.59L23 10.99l5 5ZM6.36 7.81c-.26-.92-.39-1.88-.39-2.85V4H4.02v.96c0 1.16.16 2.32.47 3.43l1.87-.57Zm1.54 6.23l1.31-1.51c-.9-.85-1.64-1.85-2.19-2.97l-1.74.92c.66 1.35 1.54 2.54 2.62 3.56"/></svg>
</template>

CSS

.icon-join-right-outer {
  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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m28.01%2016l-5%205l-1.41-1.41L24.19%2017h-8.16c-5.52%200-10.02%204.11-10.02%209.17V28h-2v-1.83c0-4.45%202.82-8.29%206.89-10.09c-.43-.21-.85-.43-1.26-.69l1.02-1.74c1.04.66%202.16%201.11%203.35%201.34h10.17l-2.59-2.59L23%2010.99l5%205ZM6.36%207.81c-.26-.92-.39-1.88-.39-2.85V4H4.02v.96c0%201.16.16%202.32.47%203.43l1.87-.57Zm1.54%206.23l1.31-1.51c-.9-.85-1.64-1.85-2.19-2.97l-1.74.92c.66%201.35%201.54%202.54%202.62%203.56%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%2032%2032%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22m28.01%2016l-5%205l-1.41-1.41L24.19%2017h-8.16c-5.52%200-10.02%204.11-10.02%209.17V28h-2v-1.83c0-4.45%202.82-8.29%206.89-10.09c-.43-.21-.85-.43-1.26-.69l1.02-1.74c1.04.66%202.16%201.11%203.35%201.34h10.17l-2.59-2.59L23%2010.99l5%205ZM6.36%207.81c-.26-.92-.39-1.88-.39-2.85V4H4.02v.96c0%201.16.16%202.32.47%203.43l1.87-.57Zm1.54%206.23l1.31-1.51c-.9-.85-1.64-1.85-2.19-2.97l-1.74.92c.66%201.35%201.54%202.54%202.62%203.56%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/carbon/join-right-outer.svg?color=%231a73e8&size=48