Compass アイコン

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

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

stash:compass

Compass アイコン(stash:compass)は、Stash Icons セットの無料 SVG アイコンです（作者: Pingback LLC）。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Stash Icons
作者: Pingback LLC
ライセンス: MIT
サイズ: 24 × 24

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M4.95 6.011A9.25 9.25 0 0 0 12 21.25a9.2 9.2 0 0 0 5.989-2.2l-.52-.52a.75.75 0 0 1 0-1.06l2.132 2.131l-.001.002A10.72 10.72 0 0 1 12 22.75C6.063 22.75 1.25 17.937 1.25 12c0-2.969 1.203-5.656 3.149-7.601L6.53 6.53a.75.75 0 0 1-1.06 0zM12 3.75a.75.75 0 0 1 .75.75V6a.75.75 0 0 1-1.5 0V4.5a.75.75 0 0 1 .75-.75M17.25 12a.75.75 0 0 1 .75-.75h1.5a.75.75 0 0 1 0 1.5H18a.75.75 0 0 1-.75-.75"/><path fill="currentColor" d="m6.53 6.53l2.882 2.882q-.241.241-.446.515c-.308.412-.523.886-.857 1.62l-1.922 4.23c-.125.275-.24.525-.312.73c-.063.179-.17.51-.062.856c.122.394.43.702.824.824c.346.107.677.001.857-.062c.204-.073.454-.187.73-.312l4.116-1.87l.007-.003l.036-.017l.07-.032c.734-.334 1.208-.55 1.62-.857q.273-.205.515-.446l2.882 2.882l2.132 2.13A10.72 10.72 0 0 0 22.75 12c0-5.937-4.813-10.75-10.75-10.75a10.72 10.72 0 0 0-7.601 3.149zm2.882 2.882L6.53 6.53a.75.75 0 0 0 0-1.06l-.519-.52A9.25 9.25 0 0 1 21.25 12a9.2 9.2 0 0 1-2.2 5.989l-.52-.52a.75.75 0 0 0-1.06 0l-2.882-2.881q.241-.241.446-.515c.308-.412.523-.886.857-1.62l.032-.07l.017-.036l.002-.007l1.87-4.116c.126-.276.24-.526.313-.73c.063-.18.17-.51.062-.857a1.25 1.25 0 0 0-.824-.824c-.346-.107-.677-.001-.857.063c-.204.072-.454.186-.73.311L11.548 8.11c-.735.334-1.21.55-1.621.857a5 5 0 0 0-.515.446m1.06 1.06l.29.29a1.75 1.75 0 1 0 2.475 2.475l.29.29a3 3 0 0 1-.352.305c-.266.2-.582.347-1.417.727L7.51 16.49l1.93-4.244c.38-.838.529-1.154.728-1.42a3 3 0 0 1 .305-.352m.29.29l-.29-.29q.165-.164.353-.304c.266-.2.582-.347 1.42-.728l4.245-1.93l-.056.122v.003l-1.874 4.12c-.38.838-.529 1.154-.728 1.42a3 3 0 0 1-.305.352l-.29-.29a1.75 1.75 0 1 0-2.475-2.475m1.061 1.061a.25.25 0 1 0 .354.354zm.354.354a.25.25 0 0 0-.354-.354z"/><path fill="currentColor" d="M3.75 12a.75.75 0 0 1 .75-.75H6a.75.75 0 0 1 0 1.5H4.5a.75.75 0 0 1-.75-.75M12 17.25a.75.75 0 0 1 .75.75v1.5a.75.75 0 0 1-1.5 0V18a.75.75 0 0 1 .75-.75"/></svg>

Compass アイコンの使い方

React

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

<Icon icon="stash:compass" width="24" />

Vue

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

<template>
  <Icon icon="stash:compass" width="24" />
</template>

Svelte

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

<Icon icon="stash:compass" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="stash:compass"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/stash/compass.svg" alt="Compass アイコン" width="24" height="24">

Stash Icons の関連アイコン

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

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

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

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

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

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

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

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

Stash Icons をすべて見る →