Shortcut アイコン

Q: Shortcut アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:shortcut

Shortcut アイコン(logos:shortcut)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 512 × 120 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 120

SVG をダウンロード

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>

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 コンポーネント

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:shortcut"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/shortcut.svg" alt="Shortcut アイコン" width="24" height="24">

SVG Logos の関連アイコン

他のアイコンセットの Shortcut アイコン

Shortcut アイコンのよくある質問

Shortcut アイコンは商用利用でも無料ですか?

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

React で Shortcut アイコンを使うには?

@iconify/react をインストールして <Icon icon="logos:shortcut" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Shortcut アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/shortcut.svg" alt="Shortcut アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

SVG Logos アイコンをすべて見る →