Apidog icon
thesvg-color:apidog
The Apidog icon (thesvg-color:apidog) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 256 × 256 grid. theSVG Color icons are released under the MIT 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
- theSVG Color
- Author
- thesvg.org
- License
- MIT
- Size
- 256 × 256
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="256" height="256" viewBox="0 0 256 256"><defs><linearGradient id="SVGyoFAClZP" x1="0%" x2="99.996%" y1="36.301%" y2="64.611%"><stop offset="0%" stop-color="#3bf"/><stop offset="100%" stop-color="#73f"/></linearGradient><linearGradient id="SVGnuFxjeJW" x1="102.837%" x2="-5.655%" y1="70.777%" y2="28.962%"><stop offset="0%" stop-color="#99c2ff"/><stop offset="100%" stop-color="#fff"/></linearGradient><linearGradient id="SVGX0cLLd2o" x1="49.941%" x2="23.669%" y1="69.215%" y2="32.86%"><stop offset="0%" stop-color="#99c2ff"/><stop offset="100%" stop-color="#fff"/></linearGradient></defs><path fill="url(#SVGyoFAClZP)" d="M198.391 180.368L194 175.984l-.816-.752a93.67 93.67 0 0 0-65.318-26.504a93.67 93.67 0 0 0-65.309 26.504l-.568.56l-4.327 4.384l-9.288 9.264a28.24 28.24 0 0 1-20.08 8.384a28.33 28.33 0 0 1-20.006-8.264A28.2 28.2 0 0 1 0 169.6c0-7.49 2.983-14.672 8.288-19.96l20.007-19.96l-19.76-19.656A28.23 28.23 0 0 1 0 89.824a28.2 28.2 0 0 1 8.288-19.96c11.06-11.033 28.962-11.033 40.022 0L62.805 84.32a93.75 93.75 0 0 0 65.317 26.48c24.4 0 47.838-9.504 65.31-26.48a3 3 0 0 1 .632-.632l8.215-8.256l5.464-5.384a27.97 27.97 0 0 1 19.951-8.256a28.3 28.3 0 0 1 20 8.264a28.185 28.185 0 0 1 6.119 30.864a27.8 27.8 0 0 1-6.296 9.176l-19.823 19.776l19.823 19.776a28.04 28.04 0 0 1 8.472 20.144a28.2 28.2 0 0 1-8.288 19.952c-11.038 11.026-28.92 11.026-39.958 0l-9.416-9.376z"/><path fill="url(#SVGnuFxjeJW)" d="M178.712 2.136a28.1 28.1 0 0 1 9.184 6.12a28.185 28.185 0 0 1-.064 39.864l-20 19.96l-.503.44c-21.958 21.404-56.975 21.404-78.933 0l-.504-.44l-20.015-19.96c-10.934-11.033-10.88-28.833.12-39.8C79.011-2.686 96.85-2.715 107.9 8.256l20.015 19.968l19.952-19.968A28.3 28.3 0 0 1 167.88 0a28.2 28.2 0 0 1 10.84 2.136z"/><path fill="url(#SVGX0cLLd2o)" d="M77.117 253.864a28.2 28.2 0 0 1-9.184-6.12a28.185 28.185 0 0 1 .064-39.864l20.015-19.96l.504-.44c21.959-21.395 56.966-21.395 78.925 0l.504.44l20.015 19.96c10.932 11.035 10.875 28.835-.128 39.8c-11.014 11.006-28.853 11.035-39.902.064l-20.016-19.968l-19.95 19.96A28.3 28.3 0 0 1 87.947 256a28.2 28.2 0 0 1-10.831-2.136Z"/></svg>How to use the Apidog icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:apidog" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:apidog" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:apidog" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--apidog]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:apidog"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:apidog"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/apidog.svg" alt="Apidog icon" width="24" height="24">Apidog icon in other icon sets
Apidog icon FAQ
Is the Apidog icon free for commercial use?
Yes. theSVG Color icons are released under the MIT license, which allows use in personal and commercial projects.
How do I use the Apidog icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:apidog" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Apidog icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/apidog.svg" alt="Apidog icon">, or paste the SVG code inline to style it with CSS.