# Create an own university logo with TikZ

I'd like to create my own university logo with tikz, because on the title page, it has a better resolution.

The logo must be look like that:

Can I write the text in the tikzpicture, too?

How can I use the right colors in this picture?

I need your help because i have not much experience with tikz.

My first example:

\documentclass[tikz]{standalone}

\begin{document}
\begin{tikzpicture}
\draw[fill,blue] (0,0)--(2,1)--(2,0.1)--(0.9,-0.5)--(0,0);
\draw[fill,gray] (-0.2,-0.1)--(0.9,-0.7)--(0.9,-1.3)--(-0.2,-0.7)--(-0.2,-0.1);
\draw[fill,blue] (3.1,0.7)--(4.1,0.3)--(3.1,-0.1)--(3.1,0.7);
\draw[fill,gray] (4.3,0.2)--(4.3,-0.7)--(2,-1.5)--(2,-0.7)--(4.3,0.2);
\end{tikzpicture}
\end{document}


• What about using a tracer and exporting it then to TikZ? Next issue: most unis have some kind of a "press package" where you'd find the logos and whatnot, typically as PDF. May 21 '19 at 14:01
• I would convert the official logo to pdf and use that. No need to worry about colors, typefaces, etc.
– erik
May 21 '19 at 14:27

Use a color picker and you will get (approximately)

\documentclass[tikz]{standalone}
\begin{document}
\begin{tikzpicture}
\definecolor{myblue}{RGB}{1,158,227}
\definecolor{mygray}{RGB}{197,197,197}
\draw[fill,myblue] (0,0)--(2,1)--(2,0.1)--(0.9,-0.5)--(0,0);
\draw[fill,mygray] (-0.2,-0.1)--(0.9,-0.7)--(0.9,-1.3)--(-0.2,-0.7)--(-0.2,-0.1);
\draw[fill,myblue] (3.1,0.7)--(4.1,0.3)--(3.1,-0.1)--(3.1,0.7);
\draw[fill,mygray] (4.3,0.2)--(4.3,-0.7)--(2,-1.5)--(2,-0.7)--(4.3,0.2);
\end{tikzpicture}
\end{document}


To have the text, you should add it in your title page but outside the TikZ picture. But if you want,

\documentclass[tikz]{standalone}
\usetikzlibrary{positioning}
\begin{document}
\begin{tikzpicture}
\definecolor{myblue}{RGB}{1,158,227}
\definecolor{mygray}{RGB}{197,197,197}
\fill[myblue] (0,0)--(2,1)--(2,0.1)--(0.9,-0.5)--(0,0);
\fill[mygray] (-0.2,-0.1)--(0.9,-0.7)--(0.9,-1.3)--(-0.2,-0.7)--(-0.2,-0.1);
\fill[myblue] (3.1,0.7)--(4.1,0.3)--(3.1,-0.1)--(3.1,0.7);
\fill[mygray] (4.3,0.2)--(4.3,-0.7)--(2,-1.5)--(2,-0.7)--(4.3,0.2);
\node[font=\huge\sffamily\bfseries] (upper) at (2,-3) {THIS IS SOME TEXT};
\node[below=5pt of upper,font=\Large\sffamily] {HELLO WORLD};
\end{tikzpicture}
\end{document}


Even better color

\documentclass[tikz]{standalone}
\usetikzlibrary{positioning}
\begin{document}
\begin{tikzpicture}
\definecolor{myblue}{RGB}{1,158,227}
\definecolor{mygray}{RGB}{197,197,197}
\definecolor{textgray}{RGB}{85,85,85}
\fill[myblue] (0,0)--(2,1)--(2,0.1)--(0.9,-0.5)--(0,0);
\fill[mygray] (-0.2,-0.1)--(0.9,-0.7)--(0.9,-1.3)--(-0.2,-0.7)--(-0.2,-0.1);
\fill[myblue] (3.1,0.7)--(4.1,0.3)--(3.1,-0.1)--(3.1,0.7);
\fill[mygray] (4.3,0.2)--(4.3,-0.7)--(2,-1.5)--(2,-0.7)--(4.3,0.2);
\node[font=\huge\sffamily\bfseries\color{textgray}] (upper) at (2,-3) {THIS IS SOME TEXT};
\node[below=5pt of upper,font=\Large\sffamily\color{textgray}] {HELLO WORLD};
\end{tikzpicture}
\end{document}


And, to complete this, run XeLaTeX or LuaLaTeX

\documentclass[tikz]{standalone}
\usepackage{fontspec}
\setsansfont{Roboto}
\usetikzlibrary{positioning}
\begin{document}
\begin{tikzpicture}
\definecolor{myblue}{RGB}{1,158,227}
\definecolor{mygray}{RGB}{197,197,197}
\definecolor{textgray}{RGB}{85,85,85}
\fill[myblue] (0,0)--(2,1)--(2,0.1)--(0.9,-0.5)--(0,0);
\fill[mygray] (-0.2,-0.1)--(0.9,-0.7)--(0.9,-1.3)--(-0.2,-0.7)--(-0.2,-0.1);
\fill[myblue] (3.1,0.7)--(4.1,0.3)--(3.1,-0.1)--(3.1,0.7);
\fill[mygray] (4.3,0.2)--(4.3,-0.7)--(2,-1.5)--(2,-0.7)--(4.3,0.2);
\node[font=\huge\sffamily\bfseries\color{textgray}] (upper) at (2,-3) {THIS IS SOME TEXT};
\node[below=5pt of upper,font=\Large\sffamily\color{textgray}] {HELLO WORLD};
\end{tikzpicture}
\end{document}


I have a proposal, which is (maybe?) more coordinate-accurate than yours.

\documentclass[tikz]{standalone}
\usetikzlibrary{positioning}
\begin{document}
\begin{tikzpicture}
\definecolor{myblue}{RGB}{1,158,227}
\definecolor{mygray}{RGB}{197,197,197}
\definecolor{textgray}{RGB}{85,85,85}
\fill[myblue] (-2.5,0) -- (-2.5,1) -- (0,2) -- (2.5,1) -- (2.5,0) -- (0,1) -- cycle;
\fill[mygray] (0,0) -- (2.5,1) -- (2.5,0) -- (0,-1) -- (-2.5,0) -- (-2.5,1) -- cycle;
\draw[line width=2mm,white] (0,0) -- (2.5,1) -- (0,2) -- (-2.5,1) -- cycle;
\fill[white] (0,.5) rectangle (-1.25,-1) (0,2) rectangle (1.25,.5);
\node[font=\huge\sffamily\bfseries\color{textgray}] (upper) at (0,-3) {THIS IS SOME TEXT};
\node[below=5pt of upper,font=\Large\sffamily\color{textgray}] {HELLO WORLD};
\end{tikzpicture}
\end{document}


From the view of a person who is not a student at your university, I can't be sure if the logo is precisely drawn.

• Thanks for the colors...Is it the right way to create this logo with single coordinations? In my opinion it is an unattractive solution. May 21 '19 at 13:52
• @nico.wagner The most beautiful thing is simpleness. Why do you want to make it uselessly complicated?
– user156344
May 21 '19 at 13:53
• When I look other themes about tikz, there are always more complicated and never so easy created like my tikz creations. :( But its okay, I do it with my way. May 21 '19 at 14:00
• Yes, but only when it is a quick thing... May 21 '19 at 14:02
• @nico.wagner I added a proposal. It is more accurate I think
– user156344
May 21 '19 at 14:13