loopback icon logo

loopback-icon from SVG Logos by Gil Barbara · Color · CC0-1.0 Free for personal and commercial use.

Name
loopback-icon
Set
SVG Logos
Style
Color
Viewbox
256×293
License
CC0

Use the loopback icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 293"><path fill="#3f5dff" d="M255.268 75.543a5.85 5.85 0 0 0-2.925-5.047L130.194.784a5.85 5.85 0 0 0-5.851 0L2.926 71.732A5.85 5.85 0 0 0 0 76.816L.731 217.44a5.85 5.85 0 0 0 2.926 5.047l122.149 69.683a5.85 5.85 0 0 0 5.851 0l121.417-70.948a5.85 5.85 0 0 0 2.926-5.084zm-127.575-2.691l51.28 29.257l.161 51.463l-20.21-11.527l-.094-28.197l-31.013-17.693l-30.859 18.03l.088 28.182l-6.883 4.008l-13.246 8.506l-.168-52.275zm-8.88 56.817l-14.519 8.463l-.05-16.757zM36.571 168.28v-42.752l32.915-19.266l.073 23.318l-12.764 7.46l.103 19.588l17.013 9.7l77.678-45.35l.065 23.318l-77.612 45.35zm91.736 51.88l-43.461-24.81l19.12-12.288l24.217 13.81l24.444-14.285l20.239 11.542zm54.126-31.064l-45.122-25.724l20.041-11.761l24.927 14.19l16.91-9.882l-.102-19.588l-12.77-7.314l-.073-23.267l33.184 18.952v42.752z"/></svg>

React

import type { SVGProps } from "react";

export function LogosLoopbackIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 293"><path fill="#3f5dff" d="M255.268 75.543a5.85 5.85 0 0 0-2.925-5.047L130.194.784a5.85 5.85 0 0 0-5.851 0L2.926 71.732A5.85 5.85 0 0 0 0 76.816L.731 217.44a5.85 5.85 0 0 0 2.926 5.047l122.149 69.683a5.85 5.85 0 0 0 5.851 0l121.417-70.948a5.85 5.85 0 0 0 2.926-5.084zm-127.575-2.691l51.28 29.257l.161 51.463l-20.21-11.527l-.094-28.197l-31.013-17.693l-30.859 18.03l.088 28.182l-6.883 4.008l-13.246 8.506l-.168-52.275zm-8.88 56.817l-14.519 8.463l-.05-16.757zM36.571 168.28v-42.752l32.915-19.266l.073 23.318l-12.764 7.46l.103 19.588l17.013 9.7l77.678-45.35l.065 23.318l-77.612 45.35zm91.736 51.88l-43.461-24.81l19.12-12.288l24.217 13.81l24.444-14.285l20.239 11.542zm54.126-31.064l-45.122-25.724l20.041-11.761l24.927 14.19l16.91-9.882l-.102-19.588l-12.77-7.314l-.073-23.267l33.184 18.952v42.752z"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 293"><path fill="#3f5dff" d="M255.268 75.543a5.85 5.85 0 0 0-2.925-5.047L130.194.784a5.85 5.85 0 0 0-5.851 0L2.926 71.732A5.85 5.85 0 0 0 0 76.816L.731 217.44a5.85 5.85 0 0 0 2.926 5.047l122.149 69.683a5.85 5.85 0 0 0 5.851 0l121.417-70.948a5.85 5.85 0 0 0 2.926-5.084zm-127.575-2.691l51.28 29.257l.161 51.463l-20.21-11.527l-.094-28.197l-31.013-17.693l-30.859 18.03l.088 28.182l-6.883 4.008l-13.246 8.506l-.168-52.275zm-8.88 56.817l-14.519 8.463l-.05-16.757zM36.571 168.28v-42.752l32.915-19.266l.073 23.318l-12.764 7.46l.103 19.588l17.013 9.7l77.678-45.35l.065 23.318l-77.612 45.35zm91.736 51.88l-43.461-24.81l19.12-12.288l24.217 13.81l24.444-14.285l20.239 11.542zm54.126-31.064l-45.122-25.724l20.041-11.761l24.927 14.19l16.91-9.882l-.102-19.588l-12.77-7.314l-.073-23.267l33.184 18.952v42.752z"/></svg>
</template>

CSS

.icon-loopback-icon {
  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%20256%20293%22%3E%3Cpath%20fill%3D%22%233f5dff%22%20d%3D%22M255.268%2075.543a5.85%205.85%200%200%200-2.925-5.047L130.194.784a5.85%205.85%200%200%200-5.851%200L2.926%2071.732A5.85%205.85%200%200%200%200%2076.816L.731%20217.44a5.85%205.85%200%200%200%202.926%205.047l122.149%2069.683a5.85%205.85%200%200%200%205.851%200l121.417-70.948a5.85%205.85%200%200%200%202.926-5.084zm-127.575-2.691l51.28%2029.257l.161%2051.463l-20.21-11.527l-.094-28.197l-31.013-17.693l-30.859%2018.03l.088%2028.182l-6.883%204.008l-13.246%208.506l-.168-52.275zm-8.88%2056.817l-14.519%208.463l-.05-16.757zM36.571%20168.28v-42.752l32.915-19.266l.073%2023.318l-12.764%207.46l.103%2019.588l17.013%209.7l77.678-45.35l.065%2023.318l-77.612%2045.35zm91.736%2051.88l-43.461-24.81l19.12-12.288l24.217%2013.81l24.444-14.285l20.239%2011.542zm54.126-31.064l-45.122-25.724l20.041-11.761l24.927%2014.19l16.91-9.882l-.102-19.588l-12.77-7.314l-.073-23.267l33.184%2018.952v42.752z%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%20256%20293%22%3E%3Cpath%20fill%3D%22%233f5dff%22%20d%3D%22M255.268%2075.543a5.85%205.85%200%200%200-2.925-5.047L130.194.784a5.85%205.85%200%200%200-5.851%200L2.926%2071.732A5.85%205.85%200%200%200%200%2076.816L.731%20217.44a5.85%205.85%200%200%200%202.926%205.047l122.149%2069.683a5.85%205.85%200%200%200%205.851%200l121.417-70.948a5.85%205.85%200%200%200%202.926-5.084zm-127.575-2.691l51.28%2029.257l.161%2051.463l-20.21-11.527l-.094-28.197l-31.013-17.693l-30.859%2018.03l.088%2028.182l-6.883%204.008l-13.246%208.506l-.168-52.275zm-8.88%2056.817l-14.519%208.463l-.05-16.757zM36.571%20168.28v-42.752l32.915-19.266l.073%2023.318l-12.764%207.46l.103%2019.588l17.013%209.7l77.678-45.35l.065%2023.318l-77.612%2045.35zm91.736%2051.88l-43.461-24.81l19.12-12.288l24.217%2013.81l24.444-14.285l20.239%2011.542zm54.126-31.064l-45.122-25.724l20.041-11.761l24.927%2014.19l16.91-9.882l-.102-19.588l-12.77-7.314l-.073-23.267l33.184%2018.952v42.752z%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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