Appwrite
ツール
Porter
Porterの公式ベクターロゴ。ツールカテゴリ。SVG と 1024px の透過 PNG でダウンロードできます。
ブランドカラー
クリックでカラーコードをコピーダウンロード
ADChatGPT Plus·公式の共有・専用プラン · GPT-6.1 Sol / Deep Research をすぐに利用クーポン 6666888 で 5% オフ
ADNetflix 4K·専用プロフィール · PIN ロック · 全デバイス対応クーポン 6666888 で 5% オフ
- ベクター形式
- SVG · 1:1
- 書き出し解像度
- 1024 × 1024 px
- viewBox
- 0 0 500 500
- ファイルサイズ
- 16.7 KB · 36 パス
- 公式サイト
- https://porter.sh/
編集と書き出し
色の変更、背景や余白の追加をしてから書き出せます。処理はすべてブラウザ内で行われます。
カラー
背景
形式
サイズ
SVG、PNG 16–2048px、JPG、WebP、ICO、ファビコンセットを含みますPorter.zip
ブランド仕様と SVG パラメーター
デザインシステムや実装で参照できる公式カラー、viewBox、コントラストの実測値
- ブランド / 表示名
- Porter
- カテゴリ
- ツール
- 公式カラー (HEX / RGB / HSL)
- #3C2E53rgb(60, 46, 83) · hsl(263, 29%, 25%)
- WCAG コントラストとファイルサイズ
- 白背景 12.3:1 · 黒背景 1.6:1 · 16.7 KB
SVG コード
<?xml version="1.0" encoding="UTF-8"?>
<svg width="500px" height="500px" viewBox="0 0 500 500" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<!-- Generator: Sketch 51.3 (57544) - http://www.bohemiancoding.com/sketch -->
<title>logo stack</title>
<desc>Created with Sketch.</desc>
<defs>
<path d="M62.3849299,36.8573781 C48.1270325,56.0064825 34.0008239,57.584489 20.0063041,41.5913977 C9.97761916,32.2066323 13.2988888,20.2529666 18.1500727,11.3417 C20.7651287,6.76164017 20.1082984,3.47781148 16.1795818,1.49021398 C11.7163635,-0.548380669 7.76053451,1.63965497 4.31209479,8.05432091 C-0.860564774,17.6763198 -2.22393143,32.8447422 7.17439013,45.9487485 C16.5727117,59.0527549 36.4703121,71.6542134 53.2102857,63.5476043 C64.370268,58.1431982 70.6881039,51.2702035 72.1637934,42.9286202" id="path-1"></path>
<circle id="path-3" cx="112.052411" cy="67.4246782" r="66.749161"></circle>
<ellipse id="path-5" cx="75.4267109" cy="65.8134267" rx="75.3569933" ry="65.7727581"></ellipse>
<polygon id="path-7" points="2.39747468 18.0652116 26.3974747 1.43990232 26.3974747 43.6318982"></polygon>
<polygon id="path-9" points="0.466720687 19.7429265 23.1617403 4.02160474 23.1617403 43.9194454"></polygon>
</defs>
<g id="logo-stack" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
<ellipse id="Oval-18" fill="#AFD5D0" fill-rule="nonzero" cx="244.5" cy="318" rx="105.5" ry="23"></ellipse>
<g id="M-A-I-N-" transform="translate(129.000000, 50.094238)">
<g id="torso" transform="translate(0.000000, 93.204702)">
<g id="Group" transform="translate(0.000000, 24.780024)">
<g id="TA-I.-L" transform="translate(0.000000, 12.458521)">
<g id="Group-2">
<mask id="mask-2" fill="white">
<use xlink:href="#path-1"></use>
</mask>
<use id="T-A-I-L" stroke="#3C2E53" stroke-width="2" fill="#F7CD88" fill-rule="nonzero" xlink:href="#path-1"></use>
<ellipse id="Oval-5" fill="#FFFFFF" fill-rule="nonzero" mask="url(#mask-2)" cx="4.94923631" cy="8.92385447" rx="23.7969453" ry="26.7715634"></ellipse>
</g>
<path d="M62.3849299,36.8573781 C48.1270325,56.0064825 34.0008239,57.584489 20.0063041,41.5913977 C9.97761916,32.2066323 13.2988888,20.2529666 18.1500727,11.3417 C20.7651287,6.76164017 20.1082984,3.47781148 16.1795818,1.49021398 C11.7163635,-0.548380669 7.76053451,1.63965497 4.31209479,8.05432091 C-0.860564774,17.6763198 -2.22393143,32.8447422 7.17439013,45.9487485 C16.5727117,59.0527549 36.4703121,71.6542134 53.2102857,63.5476043 C64.370268,58.1431982 70.6881039,51.2702035 72.1637934,42.9286202" id="T-A-I-L" stroke="#3C2E53" stroke-width="5" fill-rule="nonzero"></path>
</g>
<rect id="Rectangle-7" stroke="#3C2E53" stroke-width="6" fill="#F7CD88" fill-rule="nonzero" x="73.407757" y="92.2385447" width="15.8138665" height="61.4246782" rx="7.90693324"></rect>
<rect id="Rectangle-7" stroke="#3C2E53" stroke-width="6" fill="#F7CD88" fill-rule="nonzero" x="136.866278" y="92.2385447" width="15.8138665" height="61.4246782" rx="7.90693324"></rect>
<mask id="mask-4" fill="white">
<use xlink:href="#path-3"></use>
</mask>
<use id="Oval-12" fill="#F7CD88" fill-rule="nonzero" xlink:href="#path-3"></use>
<ellipse id="Oval-13" fill="#FFFFFF" fill-rule="nonzero" mask="url(#mask-4)" cx="119.33887" cy="83.4901823" rx="44.279399" ry="46.4933689"></ellipse>
</g>
<circle id="Oval-12" stroke="#3C2E53" stroke-width="6" fill-rule="nonzero" cx="112.052411" cy="92.2047023" r="63.749161"></circle>
<path d="M155.362367,41.02603 C180.001838,35.3664122 196.747783,28.9529252 205.6002,21.785569 C218.878825,11.0345347 224.423388,8.50851301 229.511587,11.8635379 C236.012942,17.8161064 234.712041,23.7935991 224.253432,32.4098146 C221.419896,34.7441935 218.21403,37.3945984 214.255158,40.1770952 C203.601795,47.6648215 187.495519,56.1090952 158.518099,61.9255813" id="arm" stroke="#3C2E53" stroke-width="6" fill="#F7CD88" fill-rule="nonzero" transform="translate(194.421956, 36.201931) rotate(-17.000000) translate(-194.421956, -36.201931) "></path>
<path d="M28.1230221,93.6848166 C43.6017864,96.8297122 54.9170835,92.2093646 62.0689135,79.8237737 C69.2207434,67.4381828 76.3991749,62.8327634 83.604208,66.0075155 C89.116582,70.9963005 88.4988159,78.3973542 81.7509099,88.2106766 C71.6290509,102.93066 51.7974287,120.015076 18.4668488,114.756321" id="Path-29" stroke="#3C2E53" stroke-width="6" fill="#F7CD88" fill-rule="nonzero" transform="translate(52.894352, 90.382659) rotate(140.000000) translate(-52.894352, -90.382659) "></path>
</g>
<g id="head" transform="translate(31.746182, 0.000000)">
<g id="HEAD" transform="translate(2.687287, 32.996051)">
<mask id="mask-6" fill="white">
<use xlink:href="#path-5"></use>
</mask>
<use id="head" fill="#F7CD88" fill-rule="nonzero" xlink:href="#path-5"></use>
<ellipse id="Oval-4" fill="#FFFFFF" fill-rule="nonzero" mask="url(#mask-6)" cx="85.2723872" cy="114.027029" rx="59.4923631" ry="38.670036"></ellipse>
</g>
<ellipse stroke="#3C2E53" stroke-width="7" fill-rule="nonzero" cx="78.113998" cy="98.8094778" rx="71.8569933" ry="62.2727581"></ellipse>
<g id="mouth" transform="translate(64.179650, 105.758714)" fill="#3C2E53" fill-rule="nonzero">
<g id="Group-10" transform="translate(25.284254, 9.380892)">
<path d="M1.84456913,0.162281144 C2.5154279,4.15348623 7.97526106,7.26541035 14.611238,7.26541035 C19.8867111,7.26541035 24.418868,5.29869244 26.3925394,2.48698815 C26.4383478,2.75952065 26.4618272,3.03615288 26.4618272,3.31617403 C26.4618272,7.69707069 20.7149736,11.2484891 13.6258705,11.2484891 C6.53676741,11.2484891 0.789913864,7.69707069 0.789913864,3.31617403 C0.789913864,2.19539389 1.16604992,1.12890375 1.84456913,0.162281144 Z" id="Combined-Shape"></path>
</g>
<g id="Group-10" transform="translate(13.729260, 15.380892) scale(-1, 1) translate(-13.729260, -15.380892) translate(0.729260, 9.380892)">
<path d="M0.949707831,0.643867894 C1.96066334,4.40102228 7.24465659,7.26541035 13.611238,7.26541035 C19.1830267,7.26541035 23.9256522,5.07155229 25.7005771,2.0054014 C25.815307,2.43178808 25.8750036,2.86967287 25.8750036,3.31617403 C25.8750036,7.69707069 20.1281501,11.2484891 13.0390469,11.2484891 C5.94994383,11.2484891 0.203090287,7.69707069 0.203090287,3.31617403 C0.203090287,2.37850988 0.466358692,1.47884485 0.949707831,0.643867894 Z" id="Combined-Shape"></path>
</g>
<polygon id="Path-24" points="20.5741682 0 32.5741682 0 26.5741682 12"></polygon>
</g>
<g id="eyes" transform="translate(53.264256, 76.995611)" fill-rule="nonzero">
<circle id="Oval" fill="#FFFFFF" cx="12.699511" cy="12.1541039" r="11.8984726"></circle>
<circle id="Oval-2" fill="#FFFFFF" cx="58.3103227" cy="12.1541039" r="11.8984726"></circle>
<ellipse id="Oval" fill="#3C2E53" cx="13.3773211" cy="12.1541039" rx="3.96615754" ry="7.93231509"></ellipse>
<ellipse id="Oval-2" fill="#3C2E53" cx="58.9881328" cy="12.1541039" rx="3.96615754" ry="7.93231509"></ellipse>
</g>
<g id="hat" transform="translate(27.939007, 0.283712)" fill-rule="nonzero">
<path d="M72.6829142,40.9241632 L60.1053338,6.64439287 C39.7170064,0.650331683 20.72267,6.36362673 3.1223246,23.784278 C3.1223246,30.9376388 3.1223246,30.9376388 3.1223246,56.5471221 C16.7342373,59.9011279 39.9211005,54.6934749 72.6829142,40.9241632 Z" id="Path-14" fill="#FFFFFF" transform="translate(37.902619, 30.937639) rotate(1.000000) translate(-37.902619, -30.937639) "></path>
<path d="M71.1426568,36.4238671 L59.2186965,3.77547617 C38.0960884,-2.94750262 18.7346117,2.40133363 1.13426624,19.8219849 C1.13426624,26.9753457 1.13426624,26.9753457 1.13426624,52.584829 C14.7461789,55.9388348 38.0823091,50.5518475 71.1426568,36.4238671 Z" id="Path-14" fill="#BB0048" transform="translate(36.138462, 27.258716) rotate(1.000000) translate(-36.138462, -27.258716) "></path>
</g>
<g id="l-ear" transform="translate(12.503818, 39.405762)">
<path d="M-2.51316331,13.2089335 L23.0634469,-4.50852723 L23.0634469,40.4551492 L-2.51316331,13.2089335 Z" id="Path-18" stroke="#3C2E53" stroke-width="7" stroke-linecap="square" fill-rule="nonzero" transform="translate(11.190555, 16.893276) scale(-1, 1) rotate(-5.000000) translate(-11.190555, -16.893276) "></path>
<mask id="mask-8" fill="white">
<use xlink:href="#path-7"></use>
</mask>
<use id="Path-18" fill="#F7CD88" fill-rule="nonzero" transform="translate(14.397475, 22.535900) scale(-1, 1) rotate(-5.000000) translate(-14.397475, -22.535900) " xlink:href="#path-7"></use>
</g>
<g id="r-ear-fill" transform="translate(95.891989, 24.080657)">
<polygon id="Path-18" stroke="#3C2E53" stroke-width="7" fill-rule="nonzero" points="2.44979946 15.7767689 25.1448191 0.0554471976 25.1448191 24.0886577"></polygon>
<mask id="mask-10" fill="white">
<use xlink:href="#path-9"></use>
</mask>
<use id="Path-18" fill="#F7CD88" fill-rule="nonzero" xlink:href="#path-9"></use>
</g>
<g id="bow-1" transform="translate(54.317053, 142.739320)" fill="#BB0048" fill-rule="nonzero">
<polygon id="Path-3" points="0.427355258 0.873406764 0.427355258 34.8762359 66.4331388 0.873406764 66.4331388 34.8762359"></polygon>
<circle id="Oval" stroke="#BB0048" cx="33.430247" cy="17.8748213" r="6.84670996"></circle>
</g>
<g id="whiskers" transform="translate(0.000000, 89.238545)" fill-rule="nonzero" stroke="#3C2E53" stroke-linecap="round" stroke-width="6">
<path d="M143.501914,4.33320605 L159.830245,0.75281468" id="Path-26"></path>
<path d="M141.341657,19.8612168 L158.024346,20.9202218" id="Path-26"></path>
<path d="M13.2567975,26.9270557 L0.0977771611,28.1788698" id="Path-26"></path>
<path d="M12.8958609,12.4990158 L1.70305611,11.5057912" id="Path-27"></path>
</g>
</g>
</g>
<path d="M103.712,365.882812 L130.76,365.882812 C140.02138,365.882812 146.921311,367.216799 151.46,369.884813 C155.998689,372.552826 158.268,377.321445 158.268,384.190812 C158.268,391.796184 155.508028,397.040131 149.988,399.922813 C144.835974,402.560159 137.62938,403.878812 128.368,403.878812 L127.632,403.878812 L127.632,428.534812 L139.132,428.534812 L139.132,430.282812 L103.712,430.282812 L103.712,428.534812 L109.692,428.534812 L109.692,367.630812 L103.712,367.630812 L103.712,365.882812 Z M127.632,367.630812 L127.632,402.130812 L129.564,402.130812 C133.244018,402.130812 135.789326,400.873492 137.2,398.358812 C138.610674,395.844133 139.316,391.765507 139.316,386.122813 L139.316,381.706813 C139.316,376.493453 138.656673,372.844156 137.338,370.758812 C136.019327,368.673469 133.612017,367.630812 130.116,367.630812 L127.632,367.630812 Z M190.536,412.158813 L190.536,404.338813 C190.536,398.389449 190.214003,394.050159 189.57,391.320812 C188.925997,388.591466 187.438678,387.226812 185.108,387.226812 C183.75866,387.226812 182.670004,387.610142 181.842,388.376813 C181.013996,389.143483 180.416002,390.416137 180.048,392.194813 C179.495997,394.954826 179.22,399.156118 179.22,404.798812 L179.22,411.974812 C179.22,418.660179 179.419331,422.677472 179.818,424.026813 C180.216669,425.376153 180.630665,426.480142 181.06,427.338813 C181.73467,428.81082 183.053324,429.546812 185.016,429.546812 C187.408012,429.546812 188.971996,428.166826 189.708,425.406813 C190.260003,423.444136 190.536,419.02818 190.536,412.158813 Z M184.832,431.202813 C177.165295,431.202813 171.369353,429.240165 167.444,425.314813 C163.518647,421.38946 161.556,415.762182 161.556,408.432813 C161.556,401.103443 163.656646,395.460832 167.858,391.504813 C172.059354,387.548793 177.962629,385.570813 185.568,385.570813 C193.173371,385.570813 198.846648,387.395461 202.588,391.044813 C206.329352,394.694164 208.2,400.260108 208.2,407.742813 C208.2,423.382891 200.410745,431.202813 184.832,431.202813 Z M243.504,389.066812 C241.234655,389.066812 239.241342,390.538798 237.524,393.482813 C235.806658,396.426827 234.948,399.922792 234.948,403.970813 L234.948,428.626813 L241.48,428.626813 L241.48,430.282812 L212.776,430.282812 L212.776,428.626813 L217.836,428.626813 L217.836,388.146813 L212.776,388.146813 L212.776,386.490813 L234.948,386.490813 L234.948,395.322812 C235.745337,392.194797 237.278655,389.787488 239.548,388.100813 C241.817345,386.414137 244.393319,385.570812 247.276,385.570812 C250.158681,385.570812 252.504658,386.383471 254.314,388.008812 C256.123342,389.634154 257.028,391.934131 257.028,394.908813 C257.028,397.883494 256.35334,400.168138 255.004,401.762812 C253.65466,403.357487 251.584681,404.154812 248.794,404.154812 C246.003319,404.154812 243.948673,403.234822 242.63,401.394813 C241.311327,399.554803 241.142662,397.009495 242.124,393.758812 L245.436,393.758812 C246.969341,390.630797 246.325347,389.066812 243.504,389.066812 Z M264.916,417.126813 L264.916,388.146813 L259.856,388.146813 L259.856,386.490813 L264.916,386.490813 L264.916,374.622813 L282.028,370.390813 L282.028,386.490813 L293.988,386.490813 L293.988,388.146813 L282.028,388.146813 L282.028,419.150813 C282.028,422.033494 282.31933,424.149472 282.902,425.498812 C283.48467,426.848153 284.695991,427.522812 286.536,427.522812 C288.376009,427.522812 289.985993,426.602822 291.366,424.762812 C292.746007,422.922803 293.650665,420.408162 294.08,417.218813 L295.644,417.402812 C295.153331,421.634834 293.804011,424.9928 291.596,427.476812 C289.387989,429.960825 285.738692,431.202812 280.648,431.202812 C275.557308,431.202812 271.66268,430.190823 268.964,428.166812 C266.26532,426.142802 264.916,422.462839 264.916,417.126813 Z M322.76,431.202813 C314.84796,431.202813 308.91402,429.1635 304.958,425.084812 C301.00198,421.006125 299.024,415.332849 299.024,408.064813 C299.024,400.796776 301.247311,395.230832 305.694,391.366813 C310.140689,387.502793 315.798632,385.570813 322.668,385.570813 C336.590736,385.570813 343.276003,392.562743 342.724,406.546812 L316.78,406.546812 L316.78,410.134813 C316.78,416.145509 317.546659,420.684131 319.08,423.750812 C320.613341,426.817495 323.281314,428.350813 327.084,428.350813 C334.198702,428.350813 338.859989,424.548184 341.068,416.942813 L342.724,417.218813 C341.558661,421.634835 339.458015,425.069467 336.422,427.522812 C333.385985,429.976158 328.83203,431.202813 322.76,431.202813 Z M316.872,404.706813 L326.348,404.706813 L326.348,400.198813 C326.348,395.230788 326.05667,391.842155 325.474,390.032813 C324.89133,388.22347 323.726009,387.318813 321.978,387.318813 C320.229991,387.318813 318.942004,388.284803 318.114,390.216813 C317.285996,392.148822 316.872,395.476122 316.872,400.198813 L316.872,404.706813 Z M378.764,389.066812 C376.494655,389.066812 374.501342,390.538798 372.784,393.482813 C371.066658,396.426827 370.208,399.922792 370.208,403.970813 L370.208,428.626813 L
<!-- ...[データ省略・完全なコードはコピーまたはダウンロードで取得]... -->
</svg>使用上の注意
- 元の 1:1 の縦横比（viewBox "0 0 500 500"）を保って拡大縮小し、変形させないでください。
- ロゴの周囲には、ロゴの高さの 20% 以上の余白を確保してください。
- 暗い背景では、白抜き版、明るい下地、または公式のダーク版を優先して使ってください。
