Linkerd icon
logos:linkerd
The Linkerd icon (logos:linkerd) is a free SVG icon from the SVG Logos set by Gil Barbara. It is drawn on a 256 × 239 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
- 256 × 239
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="239" viewBox="0 0 256 239"><defs><linearGradient id="SVGNQcJtdfY" x1="50%" x2="50%" y1="0%" y2="100%"><stop offset="0%" stop-color="#4ad8ac"/><stop offset="100%" stop-color="#4076c4"/></linearGradient></defs><path fill="#40a0b4" d="m238.218 141.655l17.777 10.263v-96.4l-17.777-10.266zM0 55.519v96.406l17.778-10.269V45.254zm78.232 172.439l17.778 10.263l42.329-24.439l-17.778-10.263z"/><path fill="#338090" d="m103.118 213.59l17.777 10.265l17.444-10.073l-17.778-10.263z"/><path fill="#45c1a8" d="M168.884 198.188V177.66l-76.546-44.195l-5.226 3.016l.008.006v14.494zm-81.764-2.045L160 238.222l17.781-10.263l-90.661-52.345z"/><path fill="#7ce1c0" d="m194.712 70.374l17.776 10.263l43.508-25.118l-17.782-10.261zm-57.722 53.855l-17.778-10.263l-40.988 23.666l17.777 10.263zm79.903-91.286l-17.782-10.264l-43.502 25.119l17.778 10.265zm-119.005 68.71L80.11 91.39l-40.989 23.665l17.778 10.263zm18.619-76.431l17.778 10.263l43.506-25.118L160.009.104zM.019 92.478l17.778 10.263l40.988-23.664l-17.777-10.265z"/><g fill="url(#SVGNQcJtdfY)" transform="translate(0 92.444)"><path d="M238.218 10.29v90.327l17.777-10.265V.027z"/><path d="M216.884 112.933V22.607L199.106 32.87v90.328z"/><path d="M159.994 55.451v90.327l17.779-10.264V45.186z"/><path d="m78.232 135.514l17.778 10.263V55.453L78.232 45.187z"/><path d="M56.899 32.871v90.326l-17.778-10.263V22.607z"/><path d="m.01 90.352l17.777 10.263V10.29L.01.025z"/></g><path fill="#45c1a8" d="m103.108 123.264l17.778 10.263l16.105-9.298l-17.778-10.263zM24.904 78.111l17.778 10.263l16.103-9.298l-17.776-10.263zm39.102 22.576l17.778 10.263l16.103-9.297L80.111 91.39z"/><path fill="#a2eacf" d="m96.002.094l-17.78 10.263l159.993 92.375l17.779-10.263zM56.889 22.676L39.112 32.939l159.991 92.375l17.781-10.263zM0 55.52l159.991 92.375l17.781-10.263L17.778 45.257z"/></svg>How to use the Linkerd icon
React
import { Icon } from "@iconify/react";
<Icon icon="logos:linkerd" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="logos:linkerd" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="logos:linkerd" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[logos--linkerd]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/logos -->
<div class="i-logos:linkerd"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="logos:linkerd"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/logos/linkerd.svg" alt="Linkerd icon" width="24" height="24">Linkerd icon in other icon sets
Linkerd icon FAQ
Is the Linkerd 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 Linkerd icon in React?
Install @iconify/react and render <Icon icon="logos:linkerd" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Linkerd icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/logos/linkerd.svg" alt="Linkerd icon">, or paste the SVG code inline to style it with CSS.