Dovetail icon

logos:dovetail

The Dovetail icon (logos:dovetail) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 512 × 138 grid. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects. Copy it as SVG, JSX, Vue or Svelte code, or download the SVG file.

Icon set: SVG Logos
Author: Gil Barbara
License: CC0-1.0
Size: 512 × 138

Download SVG

SVG code

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="138" viewBox="0 0 512 138"><path fill="#230078" d="M197.894 90.486h-12.886V51.493h12.886c5.413 0 9.875 1.807 13.278 5.39c3.408 3.615 5.107 8.326 5.107 14.126c0 5.765-1.7 10.51-5.107 14.09c-3.403 3.58-7.865 5.387-13.278 5.387m0-51.763h-25.793v64.538h25.793c8.855 0 16.341-3.128 22.279-9.307c5.937-6.178 8.966-13.901 8.966-22.945c0-9.079-3.024-16.802-8.966-22.98c-5.938-6.178-13.424-9.306-22.279-9.306m61.286 53.545c-3.404 0-6.317-1.136-8.55-3.442c-2.267-2.307-3.442-5.258-3.442-8.812c0-3.52 1.175-6.471 3.442-8.777c2.233-2.306 5.146-3.442 8.55-3.442c3.403 0 6.316 1.136 8.583 3.442c2.31 2.306 3.485 5.258 3.485 8.777c0 3.554-1.174 6.505-3.485 8.812c-2.267 2.306-5.18 3.442-8.583 3.442m17.472-29.653c-4.763-4.729-10.627-7.112-17.472-7.112s-12.71 2.383-17.439 7.112c-4.728 4.728-7.112 10.588-7.112 17.399c0 6.845 2.384 12.71 7.112 17.438c4.729 4.724 10.593 7.108 17.439 7.108c6.845 0 12.71-2.384 17.472-7.108c4.733-4.733 7.15-10.593 7.15-17.438c0-6.81-2.421-12.67-7.15-17.4m56.638-6.681l-17.055 47.328h-15.059l-17.21-47.328h13.807l10.817 31.24l10.894-31.24zm13.166 19.426c.719-2.608 2.005-4.69 3.898-6.162c2.005-1.553 4.574-2.349 7.642-2.349c2.568 0 4.913.758 6.957 2.238c1.893 1.394 3.214 3.476 3.898 6.273zm11.54-19.856c-7.151 0-13.089 2.344-17.667 7c-4.577 4.69-6.884 10.55-6.884 17.511c0 7.035 2.345 12.933 6.962 17.589c4.647 4.612 10.855 6.957 18.496 6.957c8.89 0 15.696-3.326 20.235-9.948l.263-.34l-10.172-5.86l-.189.259c-2.237 2.955-5.602 4.431-9.947 4.431c-6.695 0-10.782-2.573-12.409-7.83h34.309l.073-.345c.3-1.699.456-3.364.456-4.913c0-6.884-2.238-12.748-6.66-17.438c-4.424-4.69-10.099-7.073-16.866-7.073m47.749 13.462v18.647c0 1.472.34 2.534 1.058 3.175c.719.68 1.816 1.059 3.253 1.175c.645.035 1.36.035 2.117.035q1.588.002 3.52-.112h.378v11.423l-.344.039a52 52 0 0 1-6.127.378c-5.03 0-8.812-.908-11.273-2.723c-3.442-2.496-5.141-7-5.141-13.39V68.965h-8.842v-11.6h8.842v-9.659l12.559-3.82v13.48h8.717v11.6zM443.59 92.57c-3.554 0-6.505-1.205-8.777-3.515c-2.302-2.307-3.477-5.37-3.477-9.04c0-3.631 1.175-6.695 3.481-9c2.268-2.35 5.258-3.52 8.777-3.52c3.52 0 6.506 1.17 8.85 3.52c2.307 2.34 3.477 5.369 3.477 9c0 3.67-1.17 6.733-3.476 9.04c-2.345 2.306-5.297 3.515-8.855 3.515m12.477-36.636v5.615c-3.554-4.01-8.579-6.045-14.671-6.045c-6.166 0-11.574 2.383-15.963 7.112c-4.423 4.728-6.656 10.588-6.656 17.399c0 6.845 2.238 12.71 6.66 17.438c4.39 4.729 9.759 7.108 15.963 7.108c6.088 0 11.113-2.474 14.667-6.484v5.185h12.908V55.933zm22.279-8.653a7.22 7.22 0 0 1-2.229-5.292c0-2.013.744-3.803 2.229-5.292c1.488-1.531 3.235-2.276 5.244-2.276c2.083 0 3.868.745 5.353 2.272c1.488 1.493 2.233 3.283 2.233 5.292c0 2.018-.745 3.803-2.233 5.292a7.4 7.4 0 0 1-5.353 2.203a7.27 7.27 0 0 1-5.244-2.199m-.766 55.98h12.907V55.934H477.58zm21.512 0H512V34.42h-12.908zM120.47 86.05l-30.117 17.21V68.84l-30.118-17.4l30.118-17.02l30.118 17.21zM60.232 51.63L30.113 68.84V34.42L0 17.21L30.118 0L60.23 17.21zm0 68.84l-30.118 17.21l.005-34.42L0 86.05l30.113-17.21l30.118 17.21z"/></svg>

How to use the Dovetail icon

React

import { Icon } from "@iconify/react";

<Icon icon="logos:dovetail" width="24" />

Vue

<script setup>
import { Icon } from "@iconify/vue";
</script>

<template>
  <Icon icon="logos:dovetail" width="24" />
</template>

Svelte

<script>
  import Icon from "@iconify/svelte";
</script>

<Icon icon="logos:dovetail" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--dovetail]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:dovetail"></div>

Web component

<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>

<iconify-icon icon="logos:dovetail"></iconify-icon>

HTML image

<img src="https://iconyz.com/api/public/svg/logos/dovetail.svg" alt="Dovetail icon" width="24" height="24">

Related icons in SVG Logos

Dovetail icon in other icon sets

Dovetail icon FAQ

Is the Dovetail icon free for commercial use?

Yes. SVG Logos icons are released under the CC0 license, which allows use in personal and commercial projects.

How do I use the Dovetail icon in React?

Install @iconify/react and render <Icon icon="logos:dovetail" />, or use “Copy code” on this page to get a standalone React component.

How do I add the Dovetail icon to a web page?

Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/dovetail.svg" alt="Dovetail icon">, or paste the SVG code inline to style it with CSS.

Browse all SVG Logos icons →