leftwardsarrowwithhook emoji

More symbols icons from Firefox OS Emoji

Use the leftwardsarrowwithhook emoji

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#597B91" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#2B5770" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#F9F9F7" d="M289.993 77.789H143c-17.434 0-31.566 14.133-31.566 31.566s14.133 31.566 31.566 31.566h146.993c46.557 0 84.434 37.877 84.434 84.434s-37.877 84.434-84.434 84.434h-92.568v-50.04c0-8.166-9.092-13.045-15.897-8.531L58.515 332.824c-6.104 4.049-6.104 13.012 0 17.062l123.013 81.606c6.805 4.514 15.897-.365 15.897-8.531v-50.039h92.568c81.368 0 147.566-66.198 147.566-147.567c.001-81.368-66.198-147.566-147.566-147.566"/></svg>

import type { SVGProps } from "react";

export function FxemojiLeftwardsarrowwithhook(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#597B91" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#2B5770" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#F9F9F7" d="M289.993 77.789H143c-17.434 0-31.566 14.133-31.566 31.566s14.133 31.566 31.566 31.566h146.993c46.557 0 84.434 37.877 84.434 84.434s-37.877 84.434-84.434 84.434h-92.568v-50.04c0-8.166-9.092-13.045-15.897-8.531L58.515 332.824c-6.104 4.049-6.104 13.012 0 17.062l123.013 81.606c6.805 4.514 15.897-.365 15.897-8.531v-50.039h92.568c81.368 0 147.566-66.198 147.566-147.567c.001-81.368-66.198-147.566-147.566-147.566"/></svg>
  );
}

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 512 512"><path fill="#597B91" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#2B5770" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#F9F9F7" d="M289.993 77.789H143c-17.434 0-31.566 14.133-31.566 31.566s14.133 31.566 31.566 31.566h146.993c46.557 0 84.434 37.877 84.434 84.434s-37.877 84.434-84.434 84.434h-92.568v-50.04c0-8.166-9.092-13.045-15.897-8.531L58.515 332.824c-6.104 4.049-6.104 13.012 0 17.062l123.013 81.606c6.805 4.514 15.897-.365 15.897-8.531v-50.039h92.568c81.368 0 147.566-66.198 147.566-147.567c.001-81.368-66.198-147.566-147.566-147.566"/></svg>
</template>

.icon-leftwardsarrowwithhook {
  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%20512%20512%22%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M508.333%2032.666C508.333%2016.35%20494.984%203%20478.668%203H29.032C14.348%203%202.333%2015.015%202.333%2029.699v452.602C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666z%22%2F%3E%3Cpath%20fill%3D%22%232B5770%22%20d%3D%22M478.668%20488.915H29.032c-14.684%200-26.699-12.015-26.699-26.699v20.085C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666v-20.085c0%2016.316-13.349%2029.666-29.665%2029.666%22%2F%3E%3Cpath%20fill%3D%22%23F9F9F7%22%20d%3D%22M289.993%2077.789H143c-17.434%200-31.566%2014.133-31.566%2031.566s14.133%2031.566%2031.566%2031.566h146.993c46.557%200%2084.434%2037.877%2084.434%2084.434s-37.877%2084.434-84.434%2084.434h-92.568v-50.04c0-8.166-9.092-13.045-15.897-8.531L58.515%20332.824c-6.104%204.049-6.104%2013.012%200%2017.062l123.013%2081.606c6.805%204.514%2015.897-.365%2015.897-8.531v-50.039h92.568c81.368%200%20147.566-66.198%20147.566-147.567c.001-81.368-66.198-147.566-147.566-147.566%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%20512%20512%22%3E%3Cpath%20fill%3D%22%23597B91%22%20d%3D%22M508.333%2032.666C508.333%2016.35%20494.984%203%20478.668%203H29.032C14.348%203%202.333%2015.015%202.333%2029.699v452.602C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666z%22%2F%3E%3Cpath%20fill%3D%22%232B5770%22%20d%3D%22M478.668%20488.915H29.032c-14.684%200-26.699-12.015-26.699-26.699v20.085C2.333%20496.985%2014.348%20509%2029.032%20509h449.635c16.316%200%2029.666-13.35%2029.666-29.666v-20.085c0%2016.316-13.349%2029.666-29.665%2029.666%22%2F%3E%3Cpath%20fill%3D%22%23F9F9F7%22%20d%3D%22M289.993%2077.789H143c-17.434%200-31.566%2014.133-31.566%2031.566s14.133%2031.566%2031.566%2031.566h146.993c46.557%200%2084.434%2037.877%2084.434%2084.434s-37.877%2084.434-84.434%2084.434h-92.568v-50.04c0-8.166-9.092-13.045-15.897-8.531L58.515%20332.824c-6.104%204.049-6.104%2013.012%200%2017.062l123.013%2081.606c6.805%204.514%2015.897-.365%2015.897-8.531v-50.039h92.568c81.368%200%20147.566-66.198%20147.566-147.567c.001-81.368-66.198-147.566-147.566-147.566%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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