LINUX DO Logo的SVG代码

直接上代码(可以看到其中蕴含的三分黑暗七分光明):

<svg width="120" height="120" viewBox="0 0 120 120" xmlns="http://www.w3.org/2000/svg">
    <clipPath id="a"><circle cx="60" cy="60" r="47"/></clipPath>
    <circle fill="#f0f0f0" cx="60" cy="60" r="50"/>
    <rect fill="#1c1c1e" clip-path="url(#a)" x="10" y="10" width="100" height="30"/>
    <rect fill="#f0f0f0" clip-path="url(#a)" x="10" y="40" width="100" height="40"/>
    <rect fill="#ffb003" clip-path="url(#a)" x="10" y="80" width="100" height="30"/>
</svg>

也许有佬友用得上。
其中 widthheight 随便调整,不过宽高最好保持一致。
在 React 等框架中注意将 clip-path 属性写为 clipPath


添加了一个 logo 地址:https://linux.do/logo-{size}.svg
其中 size 取值范围为 161024

例如:https://linux.do/logo-128.svg

458 个赞

官方下场,这下最常见小尾巴svg图要出现了

9 个赞

先收着再说。。

6 个赞

我怎么刚看过 :tieba_091:

2 个赞

始皇v55555

1 个赞

收下了。。。。

3 个赞

可以,收下了。

5 个赞

嘿嘿 :joy::joy::joy::joy:

7 个赞

这是Linux DO 的logo吗?

4 个赞

插眼,后面有需要来取

1 个赞

这下不得不学习了

我刚发了帖子,始皇这边就发了

4 个赞

收藏 这是好东西

5 个赞

小尾巴可以上了

3 个赞

棒棒棒!!!!!!!!

2 个赞

mark~~

2 个赞

小尾巴会好看么 :smiley:

1 个赞

好家伙,撞车了。。

10 个赞

原来这个也有SVG代码

你快删了 给佬友一个机会 :rofl: