Ikon Shortcut
logos:shortcut
Ikon Shortcut (logos:shortcut) adalah ikon SVG gratis dari set SVG Logos karya Gil Barbara. Ikon ini digambar pada grid 512 × 120. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- SVG Logos
- Pembuat
- Gil Barbara
- Lisensi
- CC0-1.0
- Ukuran
- 512 × 120
Kode SVG
<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>Cara memakai ikon Shortcut
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>Gambar HTML
<img src="https://iconyz.com/api/public/svg/logos/shortcut.svg" alt="Ikon Shortcut" width="24" height="24">Ikon terkait di SVG Logos
Ikon Shortcut di set ikon lain
FAQ Ikon Shortcut
Apakah ikon Shortcut gratis untuk penggunaan komersial?
Ya. SVG Logos icons dirilis di bawah lisensi CC0, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Shortcut di React?
Pasang @iconify/react lalu render <Icon icon="logos:shortcut" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Shortcut ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/logos/shortcut.svg" alt="Ikon Shortcut">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.