The latest articles on DEV Community by Vitro (@vitro). https://dev.to/vitro https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F741792%2F46314934-e4c6-4fff-9d19-64e8baea77e1.jpeg https://dev.to/vitro en Vitro Tue, 02 Nov 2021 13:39:23 +0000 https://dev.to/vitro/html5-css3-and-javascript-logo-in-svg-21n https://dev.to/vitro/html5-css3-and-javascript-logo-in-svg-21n <p>Sometimes it can be difficult to find the HTML5, CSS3 and JavaScript logo in SVG vector format.</p> <p>Well, tired of constantly searching, I have created this little article for you to have:</p> <p>The logo of these three web languages downloadable in SVG format and optimized, at the highest quality with <a href="https://jakearchibald.github.io/svgomg/">SVGOMG</a>.</p> <h2> JavaScript Logo. </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 630 630"&gt;&lt;path fill="#f7df1e" d="M0 0h630v630H0z"/&gt;&lt;path d="M423.2 492.19c12.69 20.72 29.2 35.95 58.4 35.95 24.53 0 40.2-12.26 40.2-29.2 0-20.3-16.1-27.49-43.1-39.3l-14.8-6.35c-42.72-18.2-71.1-41-71.1-89.2 0-44.4 33.83-78.2 86.7-78.2 37.64 0 64.7 13.1 84.2 47.4l-46.1 29.6c-10.15-18.2-21.1-25.37-38.1-25.37-17.34 0-28.33 11-28.33 25.37 0 17.76 11 24.95 36.4 35.95l14.8 6.34c50.3 21.57 78.7 43.56 78.7 93 0 53.3-41.87 82.5-98.1 82.5-54.98 0-90.5-26.2-107.88-60.54zm-209.13 5.13c9.3 16.5 17.76 30.45 38.1 30.45 19.45 0 31.72-7.61 31.72-37.2v-201.3h59.2v202.1c0 61.3-35.94 89.2-88.4 89.2-47.4 0-74.85-24.53-88.81-54.075z"/&gt;&lt;/svg&gt; </code></pre> </div> <h2> CSS3 Logo. </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 452 520"&gt;&lt;path fill="#0c73b8" d="M41 460 0 0h451l-41 460-185 52"/&gt;&lt;path fill="#30a9dc" d="m226 472 149-41 35-394H226"/&gt;&lt;path fill="#ecedee" d="M226 208H94l5 57h127zm0-114H84l5 56h137zm0 261-124-33 7 60 117 32z"/&gt;&lt;path fill="#fff" d="M226 265h69l-7 73-62 17v59l115-32 26-288H226v56h80l-6 58h-74z"/&gt;&lt;/svg&gt; </code></pre> </div> <h2> HTML5 Logo. </h2> <div class="highlight js-code-highlight"> <pre class="highlight plaintext"><code>&lt;svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 452 520"&gt;&lt;path fill="#e34f26" d="M41 460 0 0h451l-41 460-185 52"/&gt;&lt;path fill="#ef652a" d="m226 472 149-41 35-394H226"/&gt;&lt;path fill="#ecedee" d="M226 208h-75l-5-58h80V94H84l15 171h127zm0 147-64-17-4-45h-56l7 89 117 32z"/&gt;&lt;path fill="#fff" d="M226 265h69l-7 73-62 17v59l115-32 16-174H226zm0-171v56h136l5-56z"/&gt;&lt;/svg&gt; </code></pre> </div> javascript css html webdev