Shortcut icon
logos:shortcut
The Shortcut icon (logos:shortcut) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 120 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.
- Icon set
- SVG Logos
- Author
- Gil Barbara
- License
- CC0-1.0
- Size
- 512 × 120
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="120" viewBox="0 0 512 120"><path fill="#222" d="M197.333 41.721c-2.112-9.213-12.189-16.795-24.953-16.795c-11.76-.188-22.692 8.849-22.844 19.965l.003.67c0 10.268 5.663 16.794 15.547 19.001l2.592.48l4.958 1.027c2.837.605 4.735 1.053 5.694 1.372c4.127 1.248 6.526 4.607 6.526 7.774c0 5.374-4.99 9.021-12.188 9.021c-3.359 0-6.526-.767-9.405-2.399q-4.175-2.447-4.894-6.622l-11.325 1.728c.768 11.804 12.668 18.522 25.144 18.522c12.86 0 24.473-7.39 24.473-20.346c0-10.653-6.718-18.043-18.33-20.058l-2.304-.384l-3.443-.623c-1.403-.264-2.939-.576-4.235-.912c-4.702-.864-7.197-3.935-7.197-7.486a9 9 0 0 1 .192-1.92c1.247-4.606 5.854-7.58 11.324-7.58c6.142 0 11.9 3.262 13.34 8.54zm53.505 28.791q0-13.245-6.334-19.002c-4.127-3.84-8.302-5.759-14.828-5.759c-5.374 0-8.493 2.52-11.852 6.455V26.269h-11.42v68.14h11.42V71.764c.288-4.894 1.632-8.541 4.223-10.94c2.591-2.4 4.366-3.551 7.63-3.551c6.142 0 9.837 4.702 9.837 13.82v23.32h11.324zm31.84 25.145c12.765.288 23.514-11.036 23.32-24.184c0-13.532-10.363-24.568-23.32-24.568c-12.763-.288-23.8 11.42-23.512 24.568c-.288 12.769 10.94 24.472 23.513 24.184m0-38.004c7.295 0 12.093 5.95 12.093 13.916c0 7.965-4.703 13.532-12.092 13.532s-12.38-6.238-12.38-13.532c0-7.545 4.704-13.553 11.734-13.9zm56.475-9.308c-6.432 0-10.85 1.728-13.344 5.47v-5.47h-11.23l.096 46.066h11.134V70.994c.48-7.581 5.295-13.244 12.11-13.244h3.435v-9.405zm36.411 9.404v-9.405h-9.237V33.877l-11.42 1.919v12.548H348.5v9.405h6.408v22.985c0 8.877 5.66 13.58 12.476 13.58l8.06.096V84.14l-3.503-.096c-3.07 0-5.613-1.68-5.613-5.038V57.749zm51.617 3.461q-2.159-6.478-8.061-10.365c-3.936-2.591-8.348-3.935-13.338-3.935c-12.766-.288-24.186 11.42-23.897 24.569c-.29 13.34 11.131 24.376 23.897 24.088c9.595 0 17.37-4.798 20.536-12.572l-9.692-3.934c-1.442 3.55-4.991 6.717-10.844 6.717c-7.968 0-12.766-6.142-12.766-14.3c0-8.157 4.798-14.49 12.766-14.49c6.14 0 9.595 3.262 11.42 7.869zM512 57.75v-9.405h-9.237V33.877l-11.42 1.919v12.548h-6.406v9.405h6.406v22.985c0 8.877 5.66 13.58 12.475 13.58l8.061.096V84.14l-3.504-.096c-3.07 0-5.612-1.68-5.612-5.038V57.749zm-77.006-9.369l11.038-.022l.057 26.968c.015 6.972 3.942 10.357 10.054 10.344c6.11-.014 10.025-3.507 10.01-10.48l-.058-26.87l11.038-.025l.057 27.612c.015 6.422-1.981 11.378-5.99 14.782c-4.004 3.403-9.016 5.059-15.123 5.07c-6.11.01-11.13-1.628-15.06-5.012c-3.933-3.385-5.947-8.158-5.96-14.482z"/><path fill="#58b1e4" d="M119.69 29.923C119.69 13.397 106.294 0 89.77 0H29.926A29.83 29.83 0 0 0 8.767 8.763c-11.684 11.686-11.684 30.639 0 42.319l10.656 10.657C8.077 65.992 0 76.936 0 89.767c0 16.526 13.397 29.923 29.922 29.923H89.77a29.82 29.82 0 0 0 21.157-8.764c11.686-11.686 11.686-30.638 0-42.318L100.27 57.95c11.344-4.251 19.42-15.197 19.42-28.027M16.976 102.719a18.314 18.314 0 0 1 12.182-31.244l36.607 36.61H29.92a18.2 18.2 0 0 1-12.945-5.366m85.741-25.899a18.314 18.314 0 0 1-12.948 31.263c-4.857 0-9.515-1.93-12.949-5.364L16.976 42.872a18.315 18.315 0 0 1 12.963-31.215a18.3 18.3 0 0 1 12.935 5.315zm0-33.948a18.18 18.18 0 0 1-12.18 5.344L53.929 11.61h35.843a18.31 18.31 0 0 1 16.915 11.307a18.32 18.32 0 0 1-3.97 19.956"/></svg>How to use the Shortcut icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:shortcut" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:shortcut" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:shortcut" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--shortcut]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:shortcut"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:shortcut"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/shortcut.svg" alt="Shortcut icon" width="24" height="24">Related icons in SVG Logos
Shortcut icon in other icon sets
Shortcut icon FAQ
Is the Shortcut icon free for commercial use?
Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.
How do I use the Shortcut icon in React?
Install @iconify/react and render <Icon icon="logos:shortcut" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Shortcut icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/shortcut.svg" alt="Shortcut icon">, or paste the SVG code inline to style it with CSS.