shortcut icon logo

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

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

Use the shortcut icon logo

SVG

<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#58b1e4" d="M256 64c0-35.345-28.652-64-63.998-64H64.007a63.8 63.8 0 0 0-45.255 18.743c-24.991 24.995-24.991 65.531 0 90.513l22.792 22.794C17.275 141.147 0 164.554 0 192c0 35.345 28.653 64 63.999 64h128.003a63.8 63.8 0 0 0 45.253-18.745c24.993-24.995 24.993-65.532 0-90.514l-22.792-22.794C238.726 114.853 256 91.443 256 64.001M36.31 219.702a39.17 39.17 0 0 1 26.055-66.826l78.296 78.304H63.996A38.93 38.93 0 0 1 36.31 219.7m183.387-55.393a39.17 39.17 0 0 1-27.695 66.865a39.17 39.17 0 0 1-27.695-11.472L36.31 91.698a39.174 39.174 0 0 1 .104-55.292a39.17 39.17 0 0 1 55.289-.105zm0-72.61a38.9 38.9 0 0 1-26.053 11.43L115.346 24.83h76.664a39.16 39.16 0 0 1 36.178 24.185a39.175 39.175 0 0 1-8.491 42.683"/></svg>

React

import type { SVGProps } from "react";

export function LogosShortcutIcon(props: SVGProps<SVGSVGElement>) {
  return (
    <svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#58b1e4" d="M256 64c0-35.345-28.652-64-63.998-64H64.007a63.8 63.8 0 0 0-45.255 18.743c-24.991 24.995-24.991 65.531 0 90.513l22.792 22.794C17.275 141.147 0 164.554 0 192c0 35.345 28.653 64 63.999 64h128.003a63.8 63.8 0 0 0 45.253-18.745c24.993-24.995 24.993-65.532 0-90.514l-22.792-22.794C238.726 114.853 256 91.443 256 64.001M36.31 219.702a39.17 39.17 0 0 1 26.055-66.826l78.296 78.304H63.996A38.93 38.93 0 0 1 36.31 219.7m183.387-55.393a39.17 39.17 0 0 1-27.695 66.865a39.17 39.17 0 0 1-27.695-11.472L36.31 91.698a39.174 39.174 0 0 1 .104-55.292a39.17 39.17 0 0 1 55.289-.105zm0-72.61a38.9 38.9 0 0 1-26.053 11.43L115.346 24.83h76.664a39.16 39.16 0 0 1 36.178 24.185a39.175 39.175 0 0 1-8.491 42.683"/></svg>
  );
}

Vue

<template>
  <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 256 256"><path fill="#58b1e4" d="M256 64c0-35.345-28.652-64-63.998-64H64.007a63.8 63.8 0 0 0-45.255 18.743c-24.991 24.995-24.991 65.531 0 90.513l22.792 22.794C17.275 141.147 0 164.554 0 192c0 35.345 28.653 64 63.999 64h128.003a63.8 63.8 0 0 0 45.253-18.745c24.993-24.995 24.993-65.532 0-90.514l-22.792-22.794C238.726 114.853 256 91.443 256 64.001M36.31 219.702a39.17 39.17 0 0 1 26.055-66.826l78.296 78.304H63.996A38.93 38.93 0 0 1 36.31 219.7m183.387-55.393a39.17 39.17 0 0 1-27.695 66.865a39.17 39.17 0 0 1-27.695-11.472L36.31 91.698a39.174 39.174 0 0 1 .104-55.292a39.17 39.17 0 0 1 55.289-.105zm0-72.61a38.9 38.9 0 0 1-26.053 11.43L115.346 24.83h76.664a39.16 39.16 0 0 1 36.178 24.185a39.175 39.175 0 0 1-8.491 42.683"/></svg>
</template>

CSS

.icon-shortcut-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%20256%22%3E%3Cpath%20fill%3D%22%2358b1e4%22%20d%3D%22M256%2064c0-35.345-28.652-64-63.998-64H64.007a63.8%2063.8%200%200%200-45.255%2018.743c-24.991%2024.995-24.991%2065.531%200%2090.513l22.792%2022.794C17.275%20141.147%200%20164.554%200%20192c0%2035.345%2028.653%2064%2063.999%2064h128.003a63.8%2063.8%200%200%200%2045.253-18.745c24.993-24.995%2024.993-65.532%200-90.514l-22.792-22.794C238.726%20114.853%20256%2091.443%20256%2064.001M36.31%20219.702a39.17%2039.17%200%200%201%2026.055-66.826l78.296%2078.304H63.996A38.93%2038.93%200%200%201%2036.31%20219.7m183.387-55.393a39.17%2039.17%200%200%201-27.695%2066.865a39.17%2039.17%200%200%201-27.695-11.472L36.31%2091.698a39.174%2039.174%200%200%201%20.104-55.292a39.17%2039.17%200%200%201%2055.289-.105zm0-72.61a38.9%2038.9%200%200%201-26.053%2011.43L115.346%2024.83h76.664a39.16%2039.16%200%200%201%2036.178%2024.185a39.175%2039.175%200%200%201-8.491%2042.683%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%20256%22%3E%3Cpath%20fill%3D%22%2358b1e4%22%20d%3D%22M256%2064c0-35.345-28.652-64-63.998-64H64.007a63.8%2063.8%200%200%200-45.255%2018.743c-24.991%2024.995-24.991%2065.531%200%2090.513l22.792%2022.794C17.275%20141.147%200%20164.554%200%20192c0%2035.345%2028.653%2064%2063.999%2064h128.003a63.8%2063.8%200%200%200%2045.253-18.745c24.993-24.995%2024.993-65.532%200-90.514l-22.792-22.794C238.726%20114.853%20256%2091.443%20256%2064.001M36.31%20219.702a39.17%2039.17%200%200%201%2026.055-66.826l78.296%2078.304H63.996A38.93%2038.93%200%200%201%2036.31%20219.7m183.387-55.393a39.17%2039.17%200%200%201-27.695%2066.865a39.17%2039.17%200%200%201-27.695-11.472L36.31%2091.698a39.174%2039.174%200%200%201%20.104-55.292a39.17%2039.17%200%200%201%2055.289-.105zm0-72.61a38.9%2038.9%200%200%201-26.053%2011.43L115.346%2024.83h76.664a39.16%2039.16%200%200%201%2036.178%2024.185a39.175%2039.175%200%200%201-8.491%2042.683%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}

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