本文へスキップ
ソーシャルメディアcnn-internationalCNNI

CNN International

CNN International(cnn-international)の公式ベクターロゴ。ソーシャルメディアカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。

CNN International 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 1000 1000.0053711
ファイルサイズ
3.5 KB · 3 パス

編集と書き出し

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

カラー

背景

形式
サイズ

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

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

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

ブランド / 表示名
CNN International (cnn-international)
公式カラー (HEX / RGB / HSL)
#CC0000rgb(204, 0, 0) · hsl(0, 100%, 40%)
WCAG コントラストとファイルサイズ
白背景 5.9:1 · 黒背景 3.4:1 · 3.5 KB

SVG コード

<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="1000px" height="1000.0053711px" viewBox="0 0 1000 1000.0053711" enable-background="new 0 0 1000 1000.0053711" xml:space="preserve"> <g> <rect fill="#CC0000" width="1000" height="1000.0053711"/> <path fill="#FFFFFF" d="M159.5182037,500.1175537c0,65.7913818,53.5192566,119.3216553,119.3159943,119.3216553h112.6138916 c6.269989,0,11.3144226-6.1768188,11.3144226-11.2816772V387.2411804c0-14.6407471,11.9051514-26.5462341,26.5516052-26.5462341 c9.3778992,0,18.1263733,4.9786377,22.815155,12.9994507c0.5690308,0.9630737,34.6598816,59.7458191,70.7479858,121.9808044 c34.4742432,59.4389343,70.1188965,120.9024963,70.715332,121.9203796c1.586853,2.7081909,4.694458,4.4533691,7.9223022,4.4533691 c5.1212158,0,9.2793579-4.1635132,9.2793579-9.2844238V387.2411804c0-14.6407471,11.9161987-26.5462341,26.5516357-26.5462341 c9.3832397,0,18.1260376,4.9786377,22.8258667,12.9994507c0.5579834,0.9630737,34.6217651,59.7511597,70.6882324,121.9808044 c34.4464722,59.4282532,70.0587158,120.8808289,70.6712036,121.9203796 c1.5701294,2.7081909,4.6890869,4.4533691,7.9222412,4.4533691c5.1159058,0,9.2741089-4.1635132,9.2741089-9.2844238V320.3775024 h-43.1461792v174.0447693c0,0-80.4211426-138.4271545-83.0308838-142.8751831 c-11.7358398-20.0685425-34.0036621-32.7450867-57.6884155-32.7450867c-37.1166382,0-67.2139893,30.1080017-67.2139893,67.2246399 v108.3956299c0,0-80.4211121-138.4271545-83.0308228-142.8751831 c-11.7358704-20.0685425-34.0037231-32.7450867-57.6937866-32.7450867c-37.1113281,0-67.2086182,30.1080017-67.2086182,67.2246399 v178.1151428c0.0166931,6.4833374-4.8584595,12.1295166-11.943573,12.1462402h-68.4555359 c-42.062912,0-76.1701202-34.1022339-76.1701202-76.1758118c0-42.0679321,34.1072083-76.1647949,76.1701202-76.1647949h57.3327942 v-43.1568909H278.834198C213.0374603,380.7905273,159.5182037,434.3211365,159.5182037,500.1175537"/> <path fill="#FFFFFF" d="M836.0020142,320.3745117v292.3869629c0,14.6407471-11.9168091,26.5516357-26.5518799,26.5516357 c-9.383606,0-18.1260376-4.9840088-22.8258667-13.0048218c-0.5637207-0.9630737-34.6271362-59.7401733-70.6879272-121.9808044 c-34.4468384-59.4225769-70.0587769-120.8751526-70.6715088-121.9147034 c-1.5704956-2.7082214-4.6891479-4.4590454-7.9226685-4.4590454c-5.1209106,0-9.2733765,4.1688538-9.2733765,9.2844238v225.5233154 c0,14.6407471-11.9165039,26.5516357-26.5519409,26.5516357c-9.3832397,0-18.1260376-4.9840088-22.8258057-13.0048218 c-0.5637207-0.9577637-34.649231-59.7401733-70.7427063-121.9751282 c-34.4685364-59.43927-70.1135254-120.9082031-70.715271-121.9203796c-1.586853-2.7082214-4.6944885-4.4590454-7.9223022-4.4590454 c-5.1212463,0-9.2901001,4.1688538-9.2901001,9.2844238v220.9220581c0,15.2044067-13.3554382,28.5377808-28.5762329,28.5377808 H278.8362122c-75.3059082,0-136.5778198-61.2722168-136.5778198-136.5831299 c0-75.3165894,61.2719116-136.5888367,136.5778198-136.5888367h57.8139954v-43.1515198h-57.7649231 c-99.2694702,0-179.7346802,80.4705505-179.7346802,179.7403564c0,99.2694702,80.46521,179.7400513,179.7346802,179.7400513 h113.691864c43.0636902,0.0274048,70.7533569-25.2114868,70.6989136-71.7548218V505.5860901 c0,0,81.0011597,139.4009094,83.0255127,142.8694763c11.746521,20.0685425,34.0143433,32.7507935,57.6990967,32.7507935 c37.1166382,0,67.2139893-30.1137085,67.2139893-67.2249756V505.5860901c0,0,80.4157715,138.4214783,83.0255127,142.8694763 c11.7411499,20.0685425,34.0090332,32.7507935,57.6937866,32.7507935c37.116272,0,67.2139282-30.1137085,67.2139282-67.2249756 V320.3745117H836.0020142z"/> </g> </svg>

使用上の注意

  • 元の 1:1 の縦横比(viewBox "0 0 1000 1000.0053711")を保って拡大縮小し、変形させないでください。
  • ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
  • 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
カテゴリをすべて見る
完了しました