Singlestore Icon アイコン
logos:singlestore-icon
Singlestore Icon アイコン(logos:singlestore-icon)は、SVG Logos セットの無料 SVG アイコンです(作者: Gil Barbara)。 256 × 256 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- SVG Logos
- 作者
- Gil Barbara
- ライセンス
- CC0-1.0
- サイズ
- 256 × 256
- タグ
- singlestoreicon
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGrgoGyz3P" x1="67.345%" x2="-18.523%" y1="-26.004%" y2="22.988%"><stop offset="0%" stop-color="#ff7bff"/><stop offset="35.016%" stop-color="#a0f"/><stop offset="100%" stop-color="#80c"/></linearGradient><linearGradient id="SVGr4ri5bxX" x1="36.259%" x2="111.722%" y1="-19.363%" y2="44.998%"><stop offset="3.544%" stop-color="#ff7bff"/><stop offset="57.654%" stop-color="#80c"/><stop offset="100%" stop-color="#311b92"/></linearGradient></defs><path fill="url(#SVGrgoGyz3P)" d="M133.793 0c27.427 7.628 52.416 26.85 62.777 50.345c15.846 38.14 12.19 86.35-5.18 115.032c-14.628 23.494-37.179 36.004-63.082 35.699c-40.226-.305-72.833-32.343-73.138-72.62c0-40.276 31.693-73.534 73.138-73.534c6.704 0 16.371.93 27.342 5.507c0 0-7.887-4.672-28.143-7.81C69.302 44.991.622 89.096 16.468 190.702c21.942 39.055 63.996 65.602 111.84 65.295c70.395-.304 127.991-57.972 127.688-128.76C255.996 59.498 200.836 1.83 133.793 0"/><path fill="url(#SVGr4ri5bxX)" d="M181.636 54.004c-9.752-20.443-29.865-36.615-54.549-43.023c-5.485-1.525-11.275-2.136-17.675-2.44c-9.447 0-18.589 1.22-28.036 3.66c-23.465 7.019-39.92 20.75-49.673 31.428C19.21 57.97 10.981 72.921 6.105 87.872c0 .305-.305.61-.305 1.22c-.304 1.221-1.523 4.883-1.523 5.798c-.305.61-.305 1.526-.61 2.136l-.914 3.661c0 .306 0 .61-.305.916c-7.923 39.36 5.24 74.683 13.163 87.803c1.982 3.282 3.609 6.02 5.24 8.532c-17.98-97.64 33.708-144.24 92.523-145.46c30.779-.61 61.557 11.9 76.49 36.92c-.915-13.73-1.829-21.359-8.228-35.394"/></svg>Singlestore Icon アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="logos:singlestore-icon" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:singlestore-icon" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:singlestore-icon" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--singlestore-icon]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:singlestore-icon"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:singlestore-icon"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/logos/singlestore-icon.svg" alt="Singlestore Icon アイコン" width="24" height="24">SVG Logos の関連アイコン
Singlestore Icon アイコン のよくある質問
Singlestore Icon アイコンは商用利用でも無料ですか?
はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Singlestore Icon アイコンを使うには?
@iconify/react をインストールして <Icon icon="logos:singlestore-icon" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Singlestore Icon アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/logos/singlestore-icon.svg" alt="Singlestore Icon アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。