本文へスキップ
ツールstring-isダーク版

string.is

string.is(string-is)の公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

string.is Logo
ダークモード用の公式バージョンがあります

ブランドカラー

クリックでカラーコードをコピー
単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。

ダウンロード

ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用
クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応
クーポン 6666888 で 5% オフ
ベクター形式
SVG · 1:1
書き出し解像度
1024 × 1024 px
viewBox
0 0 512 512
ファイルサイズ
1.1 KB · 2 パス

編集と書き出し

色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。

カラー

背景

形式
サイズ

SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますstring.is.zip

ブランド仕様と SVG パラメーター

デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値

ブランド / 表示名
string.is (string-is)
カテゴリ
ツール
公式カラー (HEX / RGB / HSL)
#3366FFrgb(51, 102, 255) · hsl(225, 100%, 60%)
WCAG コントラストとファイルサイズ
白背景 4.7:1 · 黒背景 4.2:1 · 1.1 KB

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" viewBox="0 0 512 512"><linearGradient id="string-is_svg__a" x1="-695.157" x2="-695.157" y1="789.583" y2="792.749" gradientTransform="matrix(115 0 0 -115 80199 91314)" gradientUnits="userSpaceOnUse"><stop offset="0" style="stop-color:#36f"/><stop offset="1" style="stop-color:#36f;stop-opacity:.7272"/></linearGradient><path d="M31.3 0h449.3C498 0 512 14 512 31.3v449.3c0 17.3-14 31.3-31.3 31.3H31.3C14 512 0 498 0 480.7V31.3C0 14 14 0 31.3 0" style="fill:url(#string-is_svg__a)"/><path d="m113.1 284.4 52.2 52.2c2.8 2.8 7.2 2.8 10 0l17.7-17.7c2.8-2.8 2.8-7.2 0-10l-47.2-47.2c-2.8-2.8-2.8-7.2 0-10l47.2-47.2c2.8-2.8 2.8-7.2 0-10l-17.7-17.7c-2.8-2.8-7.2-2.8-10 0L113.1 229l-22.8 22.8c-2.8 2.8-2.8 7.3 0 10zm316-22.7c2.8-2.8 2.8-7.2 0-10l-22.8-22.8-52.2-52.2c-2.8-2.8-7.2-2.8-10 0l-17.7 17.7c-2.8 2.8-2.8 7.2 0 10l47.2 47.2c2.8 2.8 2.8 7.3 0 10l-47.2 47.2c-2.8 2.8-2.8 7.2 0 10l17.7 17.7c2.8 2.8 7.2 2.8 10 0l52.2-52.2zm-199.8 91.5L199.5 338c-2.2-1.1-3.1-3.7-2.1-5.7l86.8-170.5c1-2 3.7-2.8 5.9-1.7l29.8 15.2c2.2 1.1 3.1 3.7 2.1 5.7l-86.9 170.5c-1 2.1-3.6 2.8-5.8 1.7" style="fill:#fff"/></svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 512 512")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • グラデーションを含むため、CSS の fill: currentColor で一色に上書きしないでください。
カテゴリをすべて見る
完了しました