先看看我制作的,不是图片,是svg哦,别人复制不了的

教程来自naraku。我只不过说的详细点!

制作好的logo

演示

第一步

先到namecheap制作你的Logo文字,就是后面那段Gordsky。

请输入图片描述
请输入图片描述
请输入图片描述
请输入图片描述
请输入图片描述
请输入图片描述
请输入图片描述
请输入图片描述
请输入图片描述
请输入图片描述

然后保存你制作好的文字,得到zip压缩包,进行解压,进入vector目录,用notepad编辑器打开default-monochrome.svg

可以看到svg代码,删除<path标签以外的代码。就是只剩path标签的代码。这是我们logo文字的代码先放这里

<path d="M944.7 435.7c11.5 13.5 16.4 31.2 13.6 48.6 0 0.2 0 0.4-0.1 0.5-10.8 65.6-41.5 125.2-88.7 172.3-25.2 25.2-54.2 45.7-85.7 61.1-31.5 15.3-65.5 25.4-100.7 29.6-6 12.4-16.4 22.5-29.4 27.9l-169 71.2c-6.1 2.1-12 1-14.2 0.1-4.6-1.9-8.2-5.5-10.1-10-12.7-30.1-13.1-62.3-3.6-91.1-69.4-11.2-133.1-45.2-181.4-97.4-54.5-58.8-84.5-135.4-84.5-215.7V328.5c0-4.3 0.6-8.5 1.6-12.5h-32.6c-52.8 0-95.7-42.9-95.7-95.7v-25.6c0-10.3 8.3-18.6 18.6-18.6h55.8c41 0 78.3 20.9 100.4 53.4 22.1-32.4 59.4-53.4 100.4-53.4h55.8c10.3 0 18.6 8.3 18.6 18.6v25.6c0 52.8-42.9 95.7-95.7 95.7h-29.5c0.3 1.1 0.6 2.2 0.8 3.3 10.4 55 58.7 95 114.9 95h494.2c17.7 0 34.6 7.8 46.2 21.4z" fill="#663333" p-id="84502"></path><path d="M916.4 459.8c1.6 1.9 2.9 4 3.8 6.2-133.9 23.7-240.8 126.5-268.9 260.7 0 0.2-0.1 0.4-0.1 0.7-1.4 6.3-5.8 11.6-11.8 14.1l-150.2 63.3c-8.5-42.4 13.7-86.5 55.1-104 9.5-4 13.9-14.9 9.9-24.3-4-9.5-14.9-13.9-24.3-9.9-23 9.7-41.8 25.3-55.3 44.3-65.8-7.8-126.5-38.7-171.9-87.6-48.2-51.9-74.7-119.5-74.7-190.4V328.5c0-3.4 1.3-6.5 3.6-8.8 2.4-2.4 5.5-3.7 8.9-3.7 6 0 11.2 4.3 12.3 10.3 13.7 72.6 77.4 125.2 151.4 125.2h494.2c6.9-0.1 13.5 3 18 8.3z" fill="#4EC8D8" p-id="84503"></path><path d="M916 504.6c-12.5 47.6-37.4 90.9-72.8 126.2-40.7 40.7-92.9 67.8-149 77.7C725.6 605.4 810.6 527.3 916 504.6z" fill="#FFFFFF" p-id="84504"></path><path d="M888.4 299.9c0 10.3-8.3 18.6-18.6 18.6s-18.6-8.3-18.6-18.6c0-19.2-15.6-34.8-34.8-34.8-19.1 0-34.7 15.6-34.7 34.7v64.1c0 10.3-8.3 18.6-18.6 18.6s-18.6-8.3-18.6-18.6c0 0 0.1-65.6 0.1-66.4h-0.2c-1.2-18.1-16.3-32.4-34.7-32.4-19.2 0-34.8 15.6-34.8 34.8 0 10.3-8.3 18.6-18.6 18.6s-18.6-8.3-18.6-18.6c0-39.7 32.3-71.9 71.9-71.9 21.2 0 40.2 9.2 53.4 23.7 13.2-14.6 32.2-23.7 53.3-23.7 39.8 0 72.1 32.3 72.1 71.9zM669.5 491.8c12.2 0 22.1 9.9 22.1 22.1 0 12.2-9.9 22.1-22.1 22.1-12.2 0-22.1-9.9-22.1-22.1 0-12.2 9.9-22.1 22.1-22.1zM434.3 611c9.5 3.9 14 14.8 10.1 24.3-3 7.2-9.9 11.5-17.2 11.5-2.4 0-4.8-0.5-7.1-1.4-30.8-12.7-57.9-31.6-80.7-56.2-14.7-15.8-27-33.5-36.7-52.7-4.6-9.2-0.9-20.3 8.2-25 9.2-4.6 20.3-0.9 25 8.2 8.1 16.1 18.5 30.9 30.8 44.2 19.1 20.6 41.8 36.4 67.6 47.1z" fill="#663333" p-id="84505"></path><path d="M376.6 213.3v7c0 32.3-26.2 58.5-58.5 58.5h-60.8c8.6-38 42.9-65.5 82-65.5h37.3zM220.6 278.8h-60.8c-32.3 0-58.5-26.2-58.5-58.5v-7h37.2c39.2 0 73.6 27.5 82.1 65.5z" fill="#4EC8D8" p-id="84506"></path>

再去iconfont找到你喜欢的图标。点击复制svg代码,提取出path部分代码,现在我们有图片的svg代码了

svg的图标教程

<path d="M944.7 435.7c11.5 13.5 16.4 31.2 13.6 48.6 0 0.2 0 0.4-0.1 0.5-10.8 65.6-41.5 125.2-88.7 172.3-25.2 25.2-54.2 45.7-85.7 61.1-31.5 15.3-65.5 25.4-100.7 29.6-6 12.4-16.4 22.5-29.4 27.9l-169 71.2c-6.1 2.1-12 1-14.2 0.1-4.6-1.9-8.2-5.5-10.1-10-12.7-30.1-13.1-62.3-3.6-91.1-69.4-11.2-133.1-45.2-181.4-97.4-54.5-58.8-84.5-135.4-84.5-215.7V328.5c0-4.3 0.6-8.5 1.6-12.5h-32.6c-52.8 0-95.7-42.9-95.7-95.7v-25.6c0-10.3 8.3-18.6 18.6-18.6h55.8c41 0 78.3 20.9 100.4 53.4 22.1-32.4 59.4-53.4 100.4-53.4h55.8c10.3 0 18.6 8.3 18.6 18.6v25.6c0 52.8-42.9 95.7-95.7 95.7h-29.5c0.3 1.1 0.6 2.2 0.8 3.3 10.4 55 58.7 95 114.9 95h494.2c17.7 0 34.6 7.8 46.2 21.4z" fill="#663333" p-id="84502"></path><path d="M916.4 459.8c1.6 1.9 2.9 4 3.8 6.2-133.9 23.7-240.8 126.5-268.9 260.7 0 0.2-0.1 0.4-0.1 0.7-1.4 6.3-5.8 11.6-11.8 14.1l-150.2 63.3c-8.5-42.4 13.7-86.5 55.1-104 9.5-4 13.9-14.9 9.9-24.3-4-9.5-14.9-13.9-24.3-9.9-23 9.7-41.8 25.3-55.3 44.3-65.8-7.8-126.5-38.7-171.9-87.6-48.2-51.9-74.7-119.5-74.7-190.4V328.5c0-3.4 1.3-6.5 3.6-8.8 2.4-2.4 5.5-3.7 8.9-3.7 6 0 11.2 4.3 12.3 10.3 13.7 72.6 77.4 125.2 151.4 125.2h494.2c6.9-0.1 13.5 3 18 8.3z" fill="#4EC8D8" p-id="84503"></path><path d="M916 504.6c-12.5 47.6-37.4 90.9-72.8 126.2-40.7 40.7-92.9 67.8-149 77.7C725.6 605.4 810.6 527.3 916 504.6z" fill="#FFFFFF" p-id="84504"></path><path d="M888.4 299.9c0 10.3-8.3 18.6-18.6 18.6s-18.6-8.3-18.6-18.6c0-19.2-15.6-34.8-34.8-34.8-19.1 0-34.7 15.6-34.7 34.7v64.1c0 10.3-8.3 18.6-18.6 18.6s-18.6-8.3-18.6-18.6c0 0 0.1-65.6 0.1-66.4h-0.2c-1.2-18.1-16.3-32.4-34.7-32.4-19.2 0-34.8 15.6-34.8 34.8 0 10.3-8.3 18.6-18.6 18.6s-18.6-8.3-18.6-18.6c0-39.7 32.3-71.9 71.9-71.9 21.2 0 40.2 9.2 53.4 23.7 13.2-14.6 32.2-23.7 53.3-23.7 39.8 0 72.1 32.3 72.1 71.9zM669.5 491.8c12.2 0 22.1 9.9 22.1 22.1 0 12.2-9.9 22.1-22.1 22.1-12.2 0-22.1-9.9-22.1-22.1 0-12.2 9.9-22.1 22.1-22.1zM434.3 611c9.5 3.9 14 14.8 10.1 24.3-3 7.2-9.9 11.5-17.2 11.5-2.4 0-4.8-0.5-7.1-1.4-30.8-12.7-57.9-31.6-80.7-56.2-14.7-15.8-27-33.5-36.7-52.7-4.6-9.2-0.9-20.3 8.2-25 9.2-4.6 20.3-0.9 25 8.2 8.1 16.1 18.5 30.9 30.8 44.2 19.1 20.6 41.8 36.4 67.6 47.1z" fill="#663333" p-id="84505"></path><path d="M376.6 213.3v7c0 32.3-26.2 58.5-58.5 58.5h-60.8c8.6-38 42.9-65.5 82-65.5h37.3zM220.6 278.8h-60.8c-32.3 0-58.5-26.2-58.5-58.5v-7h37.2c39.2 0 73.6 27.5 82.1 65.5z" fill="#4EC8D8" p-id="84506"></path>

把上面提取的代码。弄到下面来更换,第三行是文字代码,第六行是图片代码,更换就行了

<svg viewBox="-30 0 200 200" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" class="jsx-2263963463 artboard-inner" style="width: 265px;height: 300px;" fill="#707070">
<g id="logo_text">
<path d="M11.24 7.63L6.90 7.63L6.76 8.36L10.30 8.36C9.98 9.43 9.41 10.30 8.60 10.98C7.78 11.65 6.82 11.98 5.71 11.98C4.63 11.98 3.77 11.66 3.12 11.00C2.48 10.35 2.16 9.52 2.16 8.51C2.16 7.08 2.67 5.88 3.70 4.89C4.72 3.91 5.90 3.42 7.22 3.42C7.96 3.42 8.63 3.59 9.24 3.93C9.85 4.28 10.26 4.71 10.49 5.24L11.13 4.75C10.83 4.07 10.35 3.56 9.67 3.21C9.00 2.86 8.20 2.69 7.28 2.69C6.23 2.69 5.26 2.93 4.36 3.41C3.46 3.89 2.73 4.59 2.18 5.50C1.62 6.42 1.34 7.45 1.34 8.60C1.34 9.83 1.74 10.82 2.54 11.58C3.34 12.33 4.38 12.71 5.66 12.71C7.14 12.71 8.38 12.24 9.37 11.28C10.36 10.33 10.98 9.11 11.24 7.63ZM15.61 6.05C14.61 6.05 13.74 6.42 12.98 7.17C12.23 7.93 11.86 8.83 11.86 9.90C11.86 10.77 12.10 11.45 12.57 11.96C13.05 12.46 13.72 12.71 14.57 12.71C15.57 12.71 16.45 12.34 17.20 11.58C17.95 10.83 18.33 9.93 18.33 8.86C18.33 7.99 18.09 7.31 17.61 6.80C17.14 6.30 16.47 6.05 15.61 6.05ZM12.57 9.76C12.57 8.93 12.88 8.22 13.49 7.64C14.10 7.05 14.79 6.76 15.55 6.76C16.24 6.76 16.75 6.96 17.09 7.36C17.44 7.77 17.61 8.32 17.61 9.02C17.61 9.84 17.30 10.54 16.68 11.12C16.06 11.71 15.37 12.00 14.62 12.00C13.93 12.00 13.42 11.80 13.08 11.40C12.74 11.01 12.57 10.46 12.57 9.76ZM22.99 7.01L23.44 6.50C23.17 6.20 22.80 6.05 22.32 6.05C21.68 6.05 21.16 6.40 20.76 7.10L20.93 6.16L20.23 6.16L19.10 12.60L19.80 12.60L20.51 8.54C20.62 8.05 20.83 7.63 21.15 7.25C21.46 6.88 21.80 6.69 22.18 6.69C22.52 6.69 22.79 6.80 22.99 7.01ZM24.08 9.97C24.08 8.96 24.37 8.17 24.96 7.60C25.54 7.03 26.24 6.75 27.06 6.75C27.60 6.75 28.07 6.93 28.46 7.29C28.85 7.65 29.05 8.15 29.05 8.81C29.05 9.77 28.74 10.54 28.11 11.13C27.49 11.72 26.82 12.01 26.12 12.01C25.50 12.01 25.00 11.83 24.63 11.48C24.26 11.13 24.08 10.62 24.08 9.97ZM30.38 1.68L29.32 7.66C29.16 7.14 28.88 6.75 28.48 6.47C28.09 6.19 27.60 6.05 27.03 6.05C26.02 6.05 25.15 6.40 24.42 7.12C23.70 7.83 23.34 8.81 23.34 10.04C23.34 10.87 23.59 11.52 24.08 12.00C24.57 12.47 25.21 12.71 26.00 12.71C26.52 12.71 27.02 12.58 27.50 12.31C27.97 12.04 28.37 11.67 28.70 11.20L28.45 12.60L29.15 12.60L31.08 1.68ZM31.57 10.36L30.97 10.58C30.98 11.16 31.17 11.66 31.55 12.08C31.93 12.50 32.46 12.71 33.15 12.71C33.80 12.71 34.34 12.55 34.77 12.22C35.20 11.90 35.42 11.39 35.42 10.71C35.42 10.40 35.34 10.13 35.18 9.88C35.02 9.64 34.85 9.46 34.67 9.34C34.49 9.22 34.24 9.08 33.92 8.92C33.88 8.90 33.77 8.85 33.57 8.76C33.38 8.67 33.25 8.60 33.19 8.56C33.13 8.52 33.04 8.45 32.91 8.36C32.79 8.28 32.71 8.18 32.67 8.08C32.63 7.98 32.61 7.85 32.61 7.71C32.61 7.37 32.73 7.11 32.99 6.95C33.25 6.79 33.57 6.71 33.95 6.71C34.59 6.71 35.03 7.05 35.27 7.73L35.88 7.45C35.81 7.05 35.61 6.71 35.29 6.45C34.98 6.18 34.53 6.05 33.95 6.05C33.42 6.05 32.94 6.19 32.52 6.47C32.10 6.76 31.89 7.19 31.89 7.77C31.89 8.01 31.93 8.23 32.02 8.41C32.10 8.60 32.23 8.76 32.41 8.90C32.59 9.03 32.74 9.14 32.88 9.21C33.01 9.29 33.20 9.38 33.45 9.48C34.30 9.84 34.72 10.27 34.72 10.77C34.72 11.17 34.58 11.48 34.30 11.71C34.02 11.94 33.65 12.05 33.18 12.05C32.67 12.05 32.27 11.88 32.00 11.54C31.73 11.20 31.59 10.81 31.57 10.36ZM38.50 1.68L36.57 12.60L37.27 12.60L37.90 9.00L40.46 12.60L41.33 12.60L38.64 8.82L42.18 6.16L41.09 6.16L38.00 8.48L39.20 1.68ZM42.32 6.16L43.95 12.22L41.80 15.68L42.60 15.68L48.48 6.16L47.64 6.16L44.45 11.45L43.08 6.16Z"></path>
</g>
<g transform="translate(-25 -5) scale(0.02)">
<path d="M944.7 435.7c11.5 13.5 16.4 31.2 13.6 48.6 0 0.2 0 0.4-0.1 0.5-10.8 65.6-41.5 125.2-88.7 172.3-25.2 25.2-54.2 45.7-85.7 61.1-31.5 15.3-65.5 25.4-100.7 29.6-6 12.4-16.4 22.5-29.4 27.9l-169 71.2c-6.1 2.1-12 1-14.2 0.1-4.6-1.9-8.2-5.5-10.1-10-12.7-30.1-13.1-62.3-3.6-91.1-69.4-11.2-133.1-45.2-181.4-97.4-54.5-58.8-84.5-135.4-84.5-215.7V328.5c0-4.3 0.6-8.5 1.6-12.5h-32.6c-52.8 0-95.7-42.9-95.7-95.7v-25.6c0-10.3 8.3-18.6 18.6-18.6h55.8c41 0 78.3 20.9 100.4 53.4 22.1-32.4 59.4-53.4 100.4-53.4h55.8c10.3 0 18.6 8.3 18.6 18.6v25.6c0 52.8-42.9 95.7-95.7 95.7h-29.5c0.3 1.1 0.6 2.2 0.8 3.3 10.4 55 58.7 95 114.9 95h494.2c17.7 0 34.6 7.8 46.2 21.4z" fill="#663333" p-id="84502"></path><path d="M916.4 459.8c1.6 1.9 2.9 4 3.8 6.2-133.9 23.7-240.8 126.5-268.9 260.7 0 0.2-0.1 0.4-0.1 0.7-1.4 6.3-5.8 11.6-11.8 14.1l-150.2 63.3c-8.5-42.4 13.7-86.5 55.1-104 9.5-4 13.9-14.9 9.9-24.3-4-9.5-14.9-13.9-24.3-9.9-23 9.7-41.8 25.3-55.3 44.3-65.8-7.8-126.5-38.7-171.9-87.6-48.2-51.9-74.7-119.5-74.7-190.4V328.5c0-3.4 1.3-6.5 3.6-8.8 2.4-2.4 5.5-3.7 8.9-3.7 6 0 11.2 4.3 12.3 10.3 13.7 72.6 77.4 125.2 151.4 125.2h494.2c6.9-0.1 13.5 3 18 8.3z" fill="#4EC8D8" p-id="84503"></path><path d="M916 504.6c-12.5 47.6-37.4 90.9-72.8 126.2-40.7 40.7-92.9 67.8-149 77.7C725.6 605.4 810.6 527.3 916 504.6z" fill="#FFFFFF" p-id="84504"></path><path d="M888.4 299.9c0 10.3-8.3 18.6-18.6 18.6s-18.6-8.3-18.6-18.6c0-19.2-15.6-34.8-34.8-34.8-19.1 0-34.7 15.6-34.7 34.7v64.1c0 10.3-8.3 18.6-18.6 18.6s-18.6-8.3-18.6-18.6c0 0 0.1-65.6 0.1-66.4h-0.2c-1.2-18.1-16.3-32.4-34.7-32.4-19.2 0-34.8 15.6-34.8 34.8 0 10.3-8.3 18.6-18.6 18.6s-18.6-8.3-18.6-18.6c0-39.7 32.3-71.9 71.9-71.9 21.2 0 40.2 9.2 53.4 23.7 13.2-14.6 32.2-23.7 53.3-23.7 39.8 0 72.1 32.3 72.1 71.9zM669.5 491.8c12.2 0 22.1 9.9 22.1 22.1 0 12.2-9.9 22.1-22.1 22.1-12.2 0-22.1-9.9-22.1-22.1 0-12.2 9.9-22.1 22.1-22.1zM434.3 611c9.5 3.9 14 14.8 10.1 24.3-3 7.2-9.9 11.5-17.2 11.5-2.4 0-4.8-0.5-7.1-1.4-30.8-12.7-57.9-31.6-80.7-56.2-14.7-15.8-27-33.5-36.7-52.7-4.6-9.2-0.9-20.3 8.2-25 9.2-4.6 20.3-0.9 25 8.2 8.1 16.1 18.5 30.9 30.8 44.2 19.1 20.6 41.8 36.4 67.6 47.1z" fill="#663333" p-id="84505"></path><path d="M376.6 213.3v7c0 32.3-26.2 58.5-58.5 58.5h-60.8c8.6-38 42.9-65.5 82-65.5h37.3zM220.6 278.8h-60.8c-32.3 0-58.5-26.2-58.5-58.5v-7h37.2c39.2 0 73.6 27.5 82.1 65.5z" fill="#4EC8D8" p-id="84506"></path>
</g>
</svg>
Last modification:February 10th, 2020 at 06:41 pm