Bilibili
哔哩哔哩
Friym
Friymの公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピー単色ロゴこのロゴは公式の単色で構成されています。レイアウトでは色味とコントラストを保ってください。
ダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 1.01:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 285.21 283.07
- ファイルサイズ
- 2.6 KB · 5 パス
- 公式サイト
- https://friym.com
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますFriym.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Friym
- カテゴリ
- ソーシャルメディア
- 公式カラー (HEX / RGB / HSL)
- #217371rgb(33, 115, 113) · hsl(179, 55%, 29%)
- WCAG コントラストとファイルサイズ
- 白背景 5.6:1 · 黒背景 3.5:1 · 2.6 KB
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 285.21 283.07"><title>Friym</title><path fill="#fff" d="M242.21,110.17c-2.37-6.74-8.45-8.59-15.13-8.07a.42.42,0,0,1-.45-.39V94.93c.05-18.63-11.65-35.36-29.79-40.31q-4.94-1.36-15.77-1.36-36.33-.07-72.68,0a68.09,68.09,0,0,0-13.32.93C78.46,57.78,66.43,71.51,63.79,87.91c-.67,4.15-.39,10.19-.45,13.6a.5.5,0,0,1-.45.53c-1.36.19-3.21-.07-4.34.05Q51.14,103,48.19,109q-1.41,2.9-1.27,10.31.09,5.93.05,14,0,7.27.9,9.85a11.92,11.92,0,0,0,7.87,7.26c2.1.7,4.81.37,7.05.45a.5.5,0,0,1,.54.45.48.48,0,0,1,0,.11q.08,20.4,0,51.56a39.4,39.4,0,0,0,.66,8.35c2.16,9.11,11.86,14.55,20.53,12.65q3.49-.78,9.15-4.59l27.93-18.66a4.67,4.67,0,0,1,2.58-.79h54.15q12.33,0,17.65-1.36c17.12-4.4,30-19.88,30.62-37.72,0-.82,0-4,0-9.45a.45.45,0,0,1,.39-.51h.11c2-.05,4.48.15,6.22-.26,6.94-1.65,9.66-7.09,9.69-13.93V118.64l0,0Q243,112.51,242.21,110.17ZM116.43,93.92a12.22,12.22,0,1,1-12.23,12.22A12.22,12.22,0,0,1,116.43,93.92Zm64.64,62.36h0c-11.34,6.65-23.13,11-36.15,11s-24.81-4.4-36.15-11.08c-10.18-6-2-20.25,8.39-14.06,8.78,5.25,17.76,8.77,27.76,8.78s19-3.48,27.78-8.71C183.1,136,191.24,150.34,181.07,156.28Zm-7.49-37.89a12.22,12.22,0,1,1,12.22-12.22A12.22,12.22,0,0,1,173.58,118.39Z"/><circle fill="#227371" cx="116.42" cy="106.15" r="12.22"/><path fill="#227371" d="M172.71,142.2c-8.8,5.23-17.78,8.72-27.78,8.71s-19-3.53-27.76-8.78c-10.37-6.2-18.57,8.06-8.39,14.06,11.34,6.68,23.13,11.06,36.15,11.08s24.81-4.33,36.15-11h0C191.24,150.34,183.1,136,172.71,142.2Z"/><circle fill="#227371" cx="173.58" cy="106.17" r="12.22"/><path fill="#227371" d="M269,77.12q-22.16-41.75-64.71-61.87A139.48,139.48,0,0,0,123.2,3.8C62.61,13.64,15.85,60.09,6.25,121.25a120.46,120.46,0,0,0-1.16,15.64q-.22,11.55.12,15.66Q9.57,204,45.37,240.74v0a.39.39,0,0,1,0,.56Q30.92,255.75,20.75,266q-3.07,3.09-3.59,5c-1.25,4.63,1.28,10.37,6.3,10.83q2.8.24,7.09.24,24.73-.11,99.91-.07,18.4,0,19.94,0C208,279.82,257,243.22,276.93,189.06,290.08,153.28,286.87,110.82,269,77.12Zm-25.92,59.59c0,6.84-2.75,12.28-9.69,13.93-1.74.42-4.18.21-6.22.26h-.11a.45.45,0,0,0-.39.51c0,5.49,0,8.63,0,9.45-.63,17.83-13.5,33.32-30.62,37.72q-5.33,1.36-17.65,1.36H124.21a4.67,4.67,0,0,0-2.58.79L93.7,219.38Q88,223.19,84.55,224c-8.67,1.9-18.37-3.54-20.53-12.65a39.4,39.4,0,0,1-.66-8.35q0-31.16,0-51.56a.48.48,0,0,0,0-.11.5.5,0,0,0-.54-.45c-2.25-.09-5,.25-7.05-.45a11.92,11.92,0,0,1-7.87-7.26q-.94-2.58-.9-9.85,0-8-.05-14-.14-7.41,1.27-10.31,3-6.07,10.36-6.93c1.13-.13,3,.14,4.34-.05a.5.5,0,0,0,.45-.53c.06-3.41-.22-9.45.45-13.6,2.64-16.4,14.68-30.13,31.28-33.74a68.09,68.09,0,0,1,13.32-.93q36.35,0,72.68,0,10.84,0,15.77,1.36C215,59.57,226.68,76.3,226.63,94.93v6.78a.42.42,0,0,0,.45.39c6.68-.52,12.76,1.32,15.13,8.07q.84,2.34.84,8.43l0,0Z"/></svg>
使用上の注意
- 元の 1.01:1 の縦横比（viewBox "0 0 285.21 283.07"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
