Cursor アイコン

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

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

logos:cursor

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

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

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="122" viewBox="0 0 512 122"><path fill="#26251e" d="M104.616 28.804L55.9.678a5.06 5.06 0 0 0-5.06 0L2.128 28.804A4.26 4.26 0 0 0 0 32.488v56.716a4.26 4.26 0 0 0 2.127 3.685l48.716 28.126a5.06 5.06 0 0 0 5.06 0l48.715-28.126a4.26 4.26 0 0 0 2.127-3.685V32.488a4.26 4.26 0 0 0-2.127-3.684zm-3.06 5.957l-47.028 81.456c-.318.548-1.158.324-1.158-.311V62.569a2.99 2.99 0 0 0-1.493-2.586L5.687 33.316c-.548-.318-.324-1.157.312-1.157h94.057c1.335 0 2.17 1.447 1.502 2.605h-.002zm63.669-3.176v-.005h20.73V43h-20.028c-10.804 0-19.236 6.236-19.236 19.412s8.432 19.412 19.236 19.412h20.028v11.42h-21.608c-18.095 0-30.919-10.629-30.919-30.83c0-20.202 13.702-30.83 31.797-30.83m31.27 40.224V31.58h12.824v37.681c0 9.398 4.304 13.791 14.406 13.791s14.406-4.39 14.406-13.79V31.58h12.824v40.316c0 13.702-8.696 22.4-27.23 22.4s-27.23-8.785-27.23-22.487M317.97 48.714l.002.346v-.002c0 6.852-3.952 12.12-9.224 14.406v.176c5.535.791 8.346 4.743 8.433 10.102l.263 19.499H304.62l-.263-17.39c-.087-3.866-2.371-6.237-6.939-6.237h-21.345V93.24H263.25V31.58h35.399c11.48 0 19.168 5.767 19.32 17.134m-12.912 2.257l.001-.157v.002c0-5.269-2.81-8.169-8.08-8.169h-20.906v16.336h21.08c4.782 0 7.845-2.84 7.905-8.012m41.503 5.19l14.625 1.242c10.98.965 18.182 5.974 18.182 17.743s-7.641 18.095-18.445 18.095h-32.851V82.174h31.62c4.128 0 6.763-2.81 6.763-6.939v-.002c0-4.391-2.81-6.237-7.026-6.587L345.2 67.33c-12.297-1.141-18.71-5.974-18.71-17.656s7.906-18.095 19.236-18.095h31.445v11.067h-30.567c-4.39 0-7.201 2.285-7.201 6.676c0 4.347 2.84 6.457 7.16 6.84m69.736-25.632l.578-.003c19.323 0 31.534 12.384 31.534 31.796c0 19.413-12.737 31.973-32.06 31.973s-31.534-12.56-31.534-31.973c0-19.218 12.483-31.548 31.482-31.793m18.847 31.88c0-13-7.554-20.64-18.534-20.64s-18.534 7.64-18.534 20.64s7.554 20.64 18.534 20.64s18.534-7.64 18.534-20.64M512 48.715l.002.346v-.002c0 6.852-3.952 12.12-9.224 14.406v.176c5.535.791 8.346 4.743 8.433 10.102l.263 19.499H498.65l-.263-17.39c-.087-3.866-2.371-6.237-6.939-6.237h-21.345V93.24H457.28V31.58h35.399c11.48 0 19.168 5.767 19.32 17.134m-12.912 2.257l.001-.157v.002c0-5.269-2.81-8.169-8.08-8.169h-20.906v16.336h21.08c4.782 0 7.845-2.84 7.905-8.012"/></svg>

Cursor アイコンの使い方

React

import { Icon } from "@iconify/react";

<Icon icon="logos:cursor" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:cursor" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:cursor" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--cursor]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:cursor"></div>

Web コンポーネント

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

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

HTML 画像

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

SVG Logos の関連アイコン

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

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

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

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

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

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

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

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

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