Shortcut ikonu
logos:shortcut
Shortcut ikonu (logos:shortcut), SVG Logos setinden ücretsiz bir SVG ikondur (yapımcı: Gil Barbara). 512 × 120 ızgara üzerinde çizilmiştir. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir. SVG, JSX, Vue veya Svelte kodu olarak kopyalayın ya da SVG dosyasını indirin.
- İkon seti
- SVG Logos
- Yazar
- Gil Barbara
- Lisans
- CC0-1.0
- Boyut
- 512 × 120
SVG kodu
<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>Shortcut ikonu nasıl kullanılır
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 bileşeni
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:shortcut"></iconify-icon>HTML görseli
<img src="https://iconyz.com/api/public/svg/logos/shortcut.svg" alt="Shortcut ikonu" width="24" height="24">SVG Logos setindeki benzer ikonlar
Diğer ikon setlerinde Shortcut ikonu
Shortcut ikonu: sık sorulan sorular
Shortcut ikonu ticari kullanım için ücretsiz mi?
Evet. SVG Logos icons, CC0 lisansı ile yayınlanır. Bu lisans kişisel ve ticari projelerde kullanıma izin verir.
Shortcut ikonunu React'te nasıl kullanırım?
@iconify/react paketini kurup <Icon icon="logos:shortcut" /> kullanın ya da bağımsız bir React bileşeni almak için bu sayfadaki “Kodu kopyala” düğmesini kullanın.
Shortcut ikonunu bir web sayfasına nasıl eklerim?
SVG dosyasını bir görsel etiketiyle bağlayın: <img src="https://iconyz.com/api/public/svg/logos/shortcut.svg" alt="Shortcut ikonu"> ya da CSS ile biçimlendirmek için SVG kodunu doğrudan sayfaya yapıştırın.