CINXE.COM
カーリル素材 | カーリル
<!DOCTYPE html> <html lang="ja"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>カーリル素材 | カーリル</title> <meta name="theme-color" content="#00A1EA"> <meta name="application-name" content="カーリル" /> <meta name="apple-mobile-web-app-title" content="カーリル"> <link rel="icon" type="image/png" href="/favicon-96x96.png" sizes="96x96"> <link rel="icon" type="image/svg+xml" href="/favicon.svg"> <link rel="shortcut icon" href="/favicon.ico"> <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png"> <link rel="manifest" href="/site.webmanifest"> <link rel="search" type="application/opensearchdescription+xml" href="https://calil.jp/public/search.xml" title="カーリル" /> <link rel="alternate" type="application/rss+xml" title="カーリルのブログ" href="https://blog.calil.jp/feed" /> <link rel="stylesheet" href="/public/web-html/css/index.css"> <style type="text/css" media="print"> #menu, #menu_sp, .navigation { display: none; } #next, #next * { -webkit-print-color-adjust: exact; } </style> <!-- Google tag (gtag.js) --> <script async src="https://www.googletagmanager.com/gtag/js?id=G-S0SYRD0CEW"></script> <script> var dnt = navigator.doNotTrack || window.doNotTrack || navigator.msDoNotTrack; if (dnt!=='1' && dnt!=='yes') { window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-S0SYRD0CEW'); } else { console.log('Do-Not-Track, not loading analytics.'); window.gtag = function() {}; } </script> </head> <body> <div id="menu"> <div class="container"> <a href="/"> <img src="/public/web-html/assets/home.svg" title="ホーム"> </a> <a href="/popular/">今話題の本</a><a href="/library/">図書館マップ</a><a href="/recipe">本のレシピ</a><a class="large" href="/list">読みたいリスト</a> <div class="dropdown"> <button aria-disabled="true" onclick="event.target.focus();">もっと見る<span class="caret" aria-hidden="true">▼</span></button> <div class="menu" role="menubar"> <a tabindex="0" class="small" href="/list">読みたいリスト</a> <a tabindex="0" href="/review/">書評</a> <a tabindex="0" href="/local/">カーリルローカル</a> <a tabindex="0" href="/touch/">カーリルタッチ</a> <a tabindex="0" href="/stamp">図書館スタンプラリー</a> </div> </div> <div class="right"> <a href="/login?redirect=/doc/download.html">ログイン・新規登録</a> <div class="dropdown"> <button aria-disabled="true" onclick="event.target.focus();">設定<span class="caret">▼</span> </button> <div class="menu" role="menubar" aria-label="設定"> <a tabindex="0" href="/settings">お気に入り図書館</a> <a tabindex="0" href="/profile/source">高度な検索設定</a> <a tabindex="0" href="/login?redirect=/doc/download.html">ログイン</a> </div> </div> </div> </div> </div> <div id="menu_sp" role="menu"> <div class="container"> <a class="logo" href="/"> <img src="/public/web-html/assets/logo-sp.svg" title="カーリル"> </a> <a class="login" href="/login?redirect=/doc/download.html">ログイン</a> <a class="setting" href="/settings">図書館の設定</a> <a href="/popular/">今話題の本</a> <a href="/library/">図書館マップ</a> <a href="/recipe">本のレシピ</a> <a href="/list">読みたいリスト</a> <a href="/review/">書評</a> <a href="/local/">ローカル</a> <a href="/stamp">スタンプラリー</a> </div> </div> <nav class="navigation"> <button class="menu_icon" aria-label="メニュー" aria-haspopup="true" aria-controls="menu_sp"></button> <button class="search_icon" aria-label="検索フォームの表示"> </nav> <div id="next" class="page_hide"> <div class="container"> <a class="logo" href="/" title="カーリルのホームに戻る"> <picture> <source media="(max-width: 1024px)" srcset="/public/web-html/assets/logo-mini.svg"> <img src="/public/web-html/assets/logo.svg" alt="日本最大の図書館蔵書検索・カーリル"> </picture> </a> <form action="/search" method="get"><input name="q" type="search" value="" placeholder="" autocomplete="off" autofocus="true"><button type="submit">さがす</button></form> </div> </div> <style> .container a { color: #00ABFF; text-decoration: none; } h1 { font-size: 170%; color: #00ABFF; } h1, h2, h3, h4 { font-weight: 600; } </style> <div class="container"> <h1>カーリル素材</h1> <p>素材を自由にダウンロード、設置してお使いいただけます。</p> <h3>検索ボックス</h3> <p><a href="/doc/searchbox.html"><img src="https://calil.jp/public/img/download/form/sample.png" width="441"></a></p> <a href="/doc/searchbox.html">検索ボックスを設置する</a> <h3>ロゴ</h3> <small> <p><img src="https://calil.jp/public/img/download/calil_logo.png" width="180"></p> <a href="/public/img/download/calil_logo.png">ビットマップ(PNG)</a> <a href="/public/img/download/calil_logo.svg">ベクター(SVG)</a> </p> <br /> <p><img src="https://calil.jp/public/img/download/calil_logo_black.png" width="180"></p> <a href="/public/img/download/calil_logo_black.png">ビットマップ白黒(PNG)</a> <a href="/public/img/download/calil_logo_black.svg">ベクター白黒(SVG)</a> </p> </small> <p> <object type="image/svg+xml" data="/public/img/download/calil_logo_bgblack.svg" width="150px" height="44px"></object> <object type="image/svg+xml" data="/public/img/download/calil_logo_bgwhite.svg" width="150px" height="44px"></object> <br /> <small>   <a href="/public/img/download/calil_logo_bgblack.svg">ロゴ背景黒(SVG)</a>        <a href="/public/img/download/calil_logo_bgwhite.svg">ロゴ背景白(SVG)</a> </small> </p> <br /> <p> <object type="image/svg+xml" data="/public/img/download/calil_toplogo.svg" width="150px" height="44px"></object> <object type="image/svg+xml" data="/public/img/download/calil_logocopy_blue.svg" width="150px" height="44px"></object> <br /> <small>   <a href="/public/img/download/calil_toplogo.svg">タイトルロゴ黒(SVG)</a>     <a href="/public/img/download/calil_logocopy_blue.svg">タイトルロゴ青(SVG)</a> </small> </p> <br /> <p> <object type="image/svg+xml" data="/public/img/download/calil_logocopy_bgblue.svg" width="150px" height="44px"></object> <object type="image/svg+xml" data="/public/img/download/calil_logocopy_bgblack.svg" width="150px" height="44px"></object> <br /> <small> <a href="/public/img/download/calil_logocopy_bgblue.svg">タイトルロゴ背景青(SVG)</a>   <a href="/public/img/download/calil_logocopy_bgblack.svg">タイトルロゴ背景黒(SVG)</a> </small> </p> <h3>バナー</h3> <p>▽ミニバナー</p> <img border="0" src="https://calil.jp/public/img/download/banner1.gif"> <img border="0" src="https://calil.jp/public/img/download/banner2.gif"> <h3>キャラクター</h3> <small> <p><img src="https://calil.jp/public/img/download/calil_cat.png" width="95"></p> <a href="/public/img/download/calil_cat.png">ビットマップ(PNG)</a> <a href="/public/img/download/calil_cat.svg">ベクター(SVG)</a> </small> <h3>利用上の注意</h3> <p>これらの素材は、ウェブサイトや配布資料などで自由にご利用いただけます。</p> <p>ロゴやバナーは、デザインを変更せずにご使用ください。</p> <p>カーリルおよびそのロゴは、株式会社カーリルが商標および著作権を保持します。</p> </div> <div class="footer"> <p> <a href="/doc/about.html">カーリルについて</a> - <a href="/doc/lib.html">図書館の方へ</a> - <a href="/local/">ローカル</a> - <a href="/doc/api.html">図書館 API</a> - <a href="/doc/download.html">バナー・素材</a> </p> <p> <a href="/">ホーム</a> - <a href="/company/">運営会社</a> - <a href="https://blog.calil.jp/">ブログ</a> - <a href="https://twitter.com/caliljp">Twitter</a> - <a href="/privacy/freedom.html">図書館の自由</a> - <a href="/privacy/">プライバシーポリシー</a> - <a href="/doc/contact.html">お問い合わせ</a> </p> </div> <script type="text/javascript" charset="utf-8" src="/public/web-html/js/menusp.js"></script> </body> </html>