Onedev icon
thesvg-color:onedev
The Onedev icon (thesvg-color:onedev) is a free SVG icon from the theSVG Color set by thesvg.org. It is drawn on a 630 × 630 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
- 630 × 630
SVG code
<svg xmlns="http://www.w3.org/2000/svg" width="630" height="630" viewBox="0 0 630 630"><g paint-order="stroke"><path d="M526.99 642.942c28.801 0 52.16-12.175 52.16-27.172c0-15.01-23.359-14.9-52.16-14.9c-28.808 0-52.16-.11-52.16 14.9c0 14.997 23.352 27.172 52.16 27.172"/><path d="M746.285 486.9c-34.192 0-61.914 27.718-61.914 61.914c0 19.924 9.453 37.605 24.072 48.93c-29.415 73.053-100.921 124.76-184.379 124.76c-41.584 0-80.211-12.85-112.164-34.755a93.8 93.8 0 0 0 12.834-47.463c0-52.062-42.207-94.269-94.269-94.269c-1.326 0-2.642.048-3.956.1a201 201 0 0 1-1.304-22.468a197.5 197.5 0 0 1 22.638-91.98c33.76-70.827 107.83-120.025 193.835-120.025c79.08 0 147.985 41.615 184.823 103.366a27.48 27.48 0 0 0-7.778 19.164a27.56 27.56 0 0 0 27.562 27.561a27.56 27.56 0 0 0 27.562-27.561c0-13.064-9.101-23.98-21.299-26.82a259 259 0 0 0-10.388-18.458c9.912-11.181 16.035-25.775 16.035-41.88c0-35.002-28.383-63.375-63.38-63.375c-16.863 0-32.061 6.692-43.4 17.445a254.7 254.7 0 0 0-127.351-33.953a254.84 254.84 0 0 0-124.79 32.515c-11.174-9.935-25.825-16.007-41.95-16.007c-35.01 0-63.38 28.373-63.38 63.374a62.97 62.97 0 0 0 13.654 39.257c-25.309 39.747-40.05 86.855-40.05 137.377c0 14.757 1.32 29.207 3.726 43.29c-21.387 17.281-35.077 43.711-35.077 73.347c0 52.062 42.207 94.268 94.268 94.268c13.262 0 25.875-2.748 37.324-7.691c43.303 33.38 97.493 53.301 156.275 53.301c112.135 0 207.566-72.375 242.327-172.84c24.309-8.356 41.808-31.367 41.808-58.51c0-34.196-27.722-61.914-61.914-61.914"/><path d="M451.312 489.297a23.23 23.23 0 0 1 31.316 9.922c.406.786.655 1.608.972 2.426c4.368-29.188-4.417-54.555-22.65-60.332c-21.701-6.877-48.464 16.556-59.798 52.317c-11.332 35.774-2.924 70.34 18.767 77.208c19.611 6.212 43.338-12.393 56.088-42.46a22.4 22.4 0 0 1-3.298 2.154a23.22 23.22 0 0 1-31.32-9.912a23.23 23.23 0 0 1 9.923-31.323m182.748 81.539c21.695-6.864 30.102-41.433 18.767-77.204c-11.334-35.765-38.097-59.198-59.798-52.318c-18.23 5.775-27.018 31.144-22.65 60.332c.32-.818.57-1.642.975-2.425a23.23 23.23 0 0 1 31.313-9.926a23.24 23.24 0 0 1 9.922 31.323a23.22 23.22 0 0 1-31.32 9.916a22.4 22.4 0 0 1-3.294-2.154c12.744 30.064 36.474 48.668 56.085 42.456"/></g></svg>How to use the Onedev icon
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:onedev" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:onedev" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:onedev" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--onedev]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:onedev"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:onedev"></iconify-icon>HTML image
<img src="https://iconyz.com/api/public/svg/thesvg-color/onedev.svg" alt="Onedev icon" width="24" height="24">Onedev icon in other icon sets
Onedev icon FAQ
Is the Onedev 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 Onedev icon in React?
Install @iconify/react and render <Icon icon="thesvg-color:onedev" />, or use “Copy code” on this page to get a standalone React component.
How do I add the Onedev icon to a web page?
Link the SVG file in an image tag: <img src="https://iconyz.com/api/public/svg/thesvg-color/onedev.svg" alt="Onedev icon">, or paste the SVG code inline to style it with CSS.