ICONYZ
日本語
Keyline Icons の Grip Vertical Sharp アイコン

Grip Vertical Sharp アイコン

keyline-icons:grip-vertical-sharp

Grip Vertical Sharp アイコン(keyline-icons:grip-vertical-sharp)は、Keyline Icons セットの無料 SVG アイコンです。 24 × 24 のグリッドで描かれています。 Keyline Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Keyline Icons
作者
Keyline Icons
ライセンス
MIT
サイズ
24 × 24
タグ
gripvertical、verticalsharp、gripverticalsharp
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="none" stroke="currentColor" stroke-linejoin="round" stroke-width="2" d="M10 5C10 5.5523 9.5523 6 9 6C8.4477 6 8 5.5523 8 5C8 4.4477 8.4477 4 9 4C9.5523 4 10 4.4477 10 5ZM10 12C10 12.5523 9.5523 13 9 13C8.4477 13 8 12.5523 8 12C8 11.4477 8.4477 11 9 11C9.5523 11 10 11.4477 10 12ZM10 19C10 19.5523 9.5523 20 9 20C8.4477 20 8 19.5523 8 19C8 18.4477 8.4477 18 9 18C9.5523 18 10 18.4477 10 19ZM16 5C16 5.5523 15.5523 6 15 6C14.4477 6 14 5.5523 14 5C14 4.4477 14.4477 4 15 4C15.5523 4 16 4.4477 16 5ZM16 12C16 12.5523 15.5523 13 15 13C14.4477 13 14 12.5523 14 12C14 11.4477 14.4477 11 15 11C15.5523 11 16 11.4477 16 12ZM16 19C16 19.5523 15.5523 20 15 20C14.4477 20 14 19.5523 14 19C14 18.4477 14.4477 18 15 18C15.5523 18 16 18.4477 16 19Z"/></svg>

Grip Vertical Sharp アイコンの使い方

React

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

<Icon icon="keyline-icons:grip-vertical-sharp" width="24" />

Vue

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

<template>
  <Icon icon="keyline-icons:grip-vertical-sharp" width="24" />
</template>

Svelte

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

<Icon icon="keyline-icons:grip-vertical-sharp" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[keyline-icons--grip-vertical-sharp]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/keyline-icons -->
<div class="i-keyline-icons:grip-vertical-sharp"></div>

Web コンポーネント

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

<iconify-icon icon="keyline-icons:grip-vertical-sharp"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/keyline-icons/grip-vertical-sharp.svg" alt="Grip Vertical Sharp アイコン" width="24" height="24">

Keyline Icons の関連アイコン

Grip Vertical Sharp アイコン のよくある質問

Grip Vertical Sharp アイコンは商用利用でも無料ですか?

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

React で Grip Vertical Sharp アイコンを使うには?

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

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

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

Keyline Icons をすべて見る →