rightwardsarrowwithhook emoji

More symbols icons from Firefox OS Emoji

Use the rightwardsarrowwithhook 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="M436.443 332.824L313.43 251.218c-6.805-4.514-15.897.365-15.897 8.531v50.04h-92.568c-46.557 0-84.434-37.877-84.434-84.434s37.876-84.434 84.434-84.434h146.993c17.434 0 31.566-14.133 31.566-31.566s-14.133-31.566-31.566-31.566H204.965c-81.368 0-147.566 66.198-147.566 147.566s66.198 147.567 147.566 147.567h92.568v50.039c0 8.166 9.092 13.045 15.897 8.531l123.013-81.606c6.104-4.05 6.104-13.012 0-17.062"/></svg>

import type { SVGProps } from "react";

export function FxemojiRightwardsarrowwithhook(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="M436.443 332.824L313.43 251.218c-6.805-4.514-15.897.365-15.897 8.531v50.04h-92.568c-46.557 0-84.434-37.877-84.434-84.434s37.876-84.434 84.434-84.434h146.993c17.434 0 31.566-14.133 31.566-31.566s-14.133-31.566-31.566-31.566H204.965c-81.368 0-147.566 66.198-147.566 147.566s66.198 147.567 147.566 147.567h92.568v50.039c0 8.166 9.092 13.045 15.897 8.531l123.013-81.606c6.104-4.05 6.104-13.012 0-17.062"/></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="M436.443 332.824L313.43 251.218c-6.805-4.514-15.897.365-15.897 8.531v50.04h-92.568c-46.557 0-84.434-37.877-84.434-84.434s37.876-84.434 84.434-84.434h146.993c17.434 0 31.566-14.133 31.566-31.566s-14.133-31.566-31.566-31.566H204.965c-81.368 0-147.566 66.198-147.566 147.566s66.198 147.567 147.566 147.567h92.568v50.039c0 8.166 9.092 13.045 15.897 8.531l123.013-81.606c6.104-4.05 6.104-13.012 0-17.062"/></svg>
</template>

.icon-rightwardsarrowwithhook {
  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%22M436.443%20332.824L313.43%20251.218c-6.805-4.514-15.897.365-15.897%208.531v50.04h-92.568c-46.557%200-84.434-37.877-84.434-84.434s37.876-84.434%2084.434-84.434h146.993c17.434%200%2031.566-14.133%2031.566-31.566s-14.133-31.566-31.566-31.566H204.965c-81.368%200-147.566%2066.198-147.566%20147.566s66.198%20147.567%20147.566%20147.567h92.568v50.039c0%208.166%209.092%2013.045%2015.897%208.531l123.013-81.606c6.104-4.05%206.104-13.012%200-17.062%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%22M436.443%20332.824L313.43%20251.218c-6.805-4.514-15.897.365-15.897%208.531v50.04h-92.568c-46.557%200-84.434-37.877-84.434-84.434s37.876-84.434%2084.434-84.434h146.993c17.434%200%2031.566-14.133%2031.566-31.566s-14.133-31.566-31.566-31.566H204.965c-81.368%200-147.566%2066.198-147.566%20147.566s66.198%20147.567%20147.566%20147.567h92.568v50.039c0%208.166%209.092%2013.045%2015.897%208.531l123.013-81.606c6.104-4.05%206.104-13.012%200-17.062%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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