ICONYZ
日本語
theSVG Color の Valkey アイコン

Valkey アイコン

thesvg-color:valkey

Valkey アイコン(thesvg-color:valkey)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 64 × 73 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
64 × 73
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="64" height="73" viewBox="0 0 64 73"><path fill="#123678" fill-rule="evenodd" d="M13.482 60.695L.998 52.885V19.502L31.528 2l29.79 17.531v35.113L31.055 71.689l-10.507-6.573V49.12l-5.696-3.564V27.453l16.494-9.456l16.118 9.485v18.97l-12.76 7.186v-7.64c3.825-1.472 6.57-5.259 6.57-9.728c0-5.76-4.561-10.386-10.116-10.386S21.042 30.511 21.042 36.27c0 4.47 2.745 8.256 6.57 9.729v14.475l3.65 2.282l22.373-12.601v-26.23l-22.158-13.04L8.681 23.954v24.675l4.801 3.004zm17.676-29.197c2.514 0 4.502 2.166 4.502 4.772s-1.988 4.773-4.502 4.773s-4.502-2.166-4.502-4.773s1.988-4.772 4.502-4.772"/></svg>

Valkey アイコンの使い方

React

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

<Icon icon="thesvg-color:valkey" width="24" />

Vue

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

<template>
  <Icon icon="thesvg-color:valkey" width="24" />
</template>

Svelte

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

<Icon icon="thesvg-color:valkey" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--valkey]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:valkey"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg-color:valkey"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/valkey.svg" alt="Valkey アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

theSVG Color アイコン をすべて見る →