ICONYZ
日本語
theSVG Color の Onedev アイコン

Onedev アイコン

thesvg-color:onedev

Onedev アイコン(thesvg-color:onedev)は、theSVG Color セットの無料 SVG アイコンです(作者: thesvg.org)。 630 × 630 のグリッドで描かれています。 theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG Color
作者
thesvg.org
ライセンス
MIT
サイズ
630 × 630
SVG をダウンロード

SVG コード

<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>

Onedev アイコンの使い方

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 コンポーネント

<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 画像

<img src="https://iconyz.com/api/public/svg/thesvg-color/onedev.svg" alt="Onedev アイコン" width="24" height="24">

他のアイコンセットの Onedev アイコン

Onedev アイコン のよくある質問

Onedev アイコンは商用利用でも無料ですか?

はい。theSVG Color icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

React で Onedev アイコンを使うには?

@iconify/react をインストールして <Icon icon="thesvg-color:onedev" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。

Onedev アイコンをウェブページに追加するには?

画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/thesvg-color/onedev.svg" alt="Onedev アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。

theSVG Color アイコン をすべて見る →