transfer horizontal icon

transfer-horizontal-bold-duotone from Solar by 480 Design · Bold Duotone · Arrows · CC-BY-4.0 Attribution required.

Name
transfer-horizontal-bold-duotone
Set
Solar
Style
Bold Duotone
Category
Arrows
Viewbox
24×24
License
CC BY 4.0

5 other variants in Solar

transfer-horizontal-boldtransfer-horizontal-brokentransfer-horizontal-line-duotonetransfer-horizontal-lineartransfer-horizontal-outline

The same icon in other sets

transfer-horizontal-fillMingCute Icon

More arrows icons from Solar

alt-arrow-down-boldalt-arrow-left-boldalt-arrow-right-boldalt-arrow-up-boldarrow-down-boldarrow-left-boldarrow-left-down-boldarrow-left-up-boldarrow-right-boldarrow-right-down-boldarrow-right-up-boldarrow-up-bolddouble-alt-arrow-down-bolddouble-alt-arrow-left-bolddouble-alt-arrow-right-bolddouble-alt-arrow-up-boldrefresh-boldrefresh-circle-boldrefresh-square-boldrestart-boldrestart-circle-boldrestart-square-boldround-alt-arrow-down-boldround-alt-arrow-left-bold

Use the transfer horizontal icon

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.25 4.00003C10.25 3.69074 10.0602 3.41317 9.77191 3.30105C9.48366 3.18892 9.15614 3.26524 8.94715 3.49324L3.44715 9.49324C3.24617 9.71248 3.19374 10.0298 3.3135 10.302C3.43327 10.5743 3.70259 10.75 4.00002 10.75H20C20.4142 10.75 20.75 10.4142 20.75 10C20.75 9.58582 20.4142 9.25003 20 9.25003L10.25 9.25003V4.00003Z"/><path d="M13.75 20L13.75 14.75H4C3.58579 14.75 3.25 14.4142 3.25 14C3.25 13.5858 3.58579 13.25 4 13.25L20 13.25C20.2974 13.25 20.5667 13.4258 20.6865 13.698C20.8063 13.9703 20.7538 14.2875 20.5529 14.5068L15.0529 20.5068C14.8439 20.7348 14.5164 20.8111 14.2281 20.699C13.9399 20.5869 13.75 20.3093 13.75 20Z" opacity=".5"/></g></svg>

React

import type { SVGProps } from "react";

export function SolarTransferHorizontalBoldDuotone(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.25 4.00003C10.25 3.69074 10.0602 3.41317 9.77191 3.30105C9.48366 3.18892 9.15614 3.26524 8.94715 3.49324L3.44715 9.49324C3.24617 9.71248 3.19374 10.0298 3.3135 10.302C3.43327 10.5743 3.70259 10.75 4.00002 10.75H20C20.4142 10.75 20.75 10.4142 20.75 10C20.75 9.58582 20.4142 9.25003 20 9.25003L10.25 9.25003V4.00003Z"/><path d="M13.75 20L13.75 14.75H4C3.58579 14.75 3.25 14.4142 3.25 14C3.25 13.5858 3.58579 13.25 4 13.25L20 13.25C20.2974 13.25 20.5667 13.4258 20.6865 13.698C20.8063 13.9703 20.7538 14.2875 20.5529 14.5068L15.0529 20.5068C14.8439 20.7348 14.5164 20.8111 14.2281 20.699C13.9399 20.5869 13.75 20.3093 13.75 20Z" opacity=".5"/></g></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 24 24"><g fill="currentColor"><path d="M10.25 4.00003C10.25 3.69074 10.0602 3.41317 9.77191 3.30105C9.48366 3.18892 9.15614 3.26524 8.94715 3.49324L3.44715 9.49324C3.24617 9.71248 3.19374 10.0298 3.3135 10.302C3.43327 10.5743 3.70259 10.75 4.00002 10.75H20C20.4142 10.75 20.75 10.4142 20.75 10C20.75 9.58582 20.4142 9.25003 20 9.25003L10.25 9.25003V4.00003Z"/><path d="M13.75 20L13.75 14.75H4C3.58579 14.75 3.25 14.4142 3.25 14C3.25 13.5858 3.58579 13.25 4 13.25L20 13.25C20.2974 13.25 20.5667 13.4258 20.6865 13.698C20.8063 13.9703 20.7538 14.2875 20.5529 14.5068L15.0529 20.5068C14.8439 20.7348 14.5164 20.8111 14.2281 20.699C13.9399 20.5869 13.75 20.3093 13.75 20Z" opacity=".5"/></g></svg>
</template>

CSS

.icon-transfer-horizontal-bold-duotone {
  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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.25%204.00003C10.25%203.69074%2010.0602%203.41317%209.77191%203.30105C9.48366%203.18892%209.15614%203.26524%208.94715%203.49324L3.44715%209.49324C3.24617%209.71248%203.19374%2010.0298%203.3135%2010.302C3.43327%2010.5743%203.70259%2010.75%204.00002%2010.75H20C20.4142%2010.75%2020.75%2010.4142%2020.75%2010C20.75%209.58582%2020.4142%209.25003%2020%209.25003L10.25%209.25003V4.00003Z%22%2F%3E%3Cpath%20d%3D%22M13.75%2020L13.75%2014.75H4C3.58579%2014.75%203.25%2014.4142%203.25%2014C3.25%2013.5858%203.58579%2013.25%204%2013.25L20%2013.25C20.2974%2013.25%2020.5667%2013.4258%2020.6865%2013.698C20.8063%2013.9703%2020.7538%2014.2875%2020.5529%2014.5068L15.0529%2020.5068C14.8439%2020.7348%2014.5164%2020.8111%2014.2281%2020.699C13.9399%2020.5869%2013.75%2020.3093%2013.75%2020Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%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%3Cg%20fill%3D%22currentColor%22%3E%3Cpath%20d%3D%22M10.25%204.00003C10.25%203.69074%2010.0602%203.41317%209.77191%203.30105C9.48366%203.18892%209.15614%203.26524%208.94715%203.49324L3.44715%209.49324C3.24617%209.71248%203.19374%2010.0298%203.3135%2010.302C3.43327%2010.5743%203.70259%2010.75%204.00002%2010.75H20C20.4142%2010.75%2020.75%2010.4142%2020.75%2010C20.75%209.58582%2020.4142%209.25003%2020%209.25003L10.25%209.25003V4.00003Z%22%2F%3E%3Cpath%20d%3D%22M13.75%2020L13.75%2014.75H4C3.58579%2014.75%203.25%2014.4142%203.25%2014C3.25%2013.5858%203.58579%2013.25%204%2013.25L20%2013.25C20.2974%2013.25%2020.5667%2013.4258%2020.6865%2013.698C20.8063%2013.9703%2020.7538%2014.2875%2020.5529%2014.5068L15.0529%2020.5068C14.8439%2020.7348%2014.5164%2020.8111%2014.2281%2020.699C13.9399%2020.5869%2013.75%2020.3093%2013.75%2020Z%22%20opacity%3D%22.5%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/solar/transfer-horizontal-bold-duotone.svg?color=%231a73e8&size=48