Fedora アイコン

Q: Fedora アイコンは商用利用でも無料ですか?

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

devicon:fedora

Fedora アイコン(devicon:fedora)は、Devicon セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Devicon
作者: konpa
ライセンス: MIT
サイズ: 128 × 128

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="#294172" d="M127.82 64.004C127.82 28.754 99.246.18 64 .18C28.766.18.203 28.73.18 63.957v49.39c.02 7.997 6.504 14.473 14.508 14.473h49.335c35.239-.015 63.797-28.578 63.797-63.816"/><path fill="none" stroke="#3c6eb4" stroke-width="14.003" d="M36.973 68.12H59.91v22.94c0 12.66-10.273 22.937-22.937 22.937c-12.66 0-22.934-10.277-22.934-22.937s10.274-22.938 22.934-22.938zm0 0"/><path fill="none" stroke="#3c6eb4" stroke-width="14.003" d="M82.738 68.164H59.801V45.231c0-12.66 10.277-22.938 22.937-22.938s22.938 10.274 22.938 22.938c0 12.66-10.278 22.933-22.938 22.933zm0 0"/><path fill="#fff" d="M66.926 61.137v29.89c0 16.54-13.41 29.953-29.95 29.953c-2.511 0-4.296-.285-6.617-.89c-3.39-.887-6.156-3.664-6.16-6.895c0-3.906 2.836-6.746 7.074-6.746c2.016 0 2.747.387 5.704.387c8.718 0 15.793-7.063 15.808-15.785V77.312c0-1.23-1-2.23-2.234-2.226l-10.387-.004c-3.867 0-6.996-3.086-6.996-6.965c0-3.906 3.16-6.98 7.07-6.98"/><path fill="#fff" d="M52.785 75.148V45.262c0-16.543 13.41-29.953 29.953-29.953c2.508 0 4.293.28 6.617.89c3.387.887 6.157 3.664 6.157 6.895c0 3.906-2.836 6.746-7.07 6.746c-2.02 0-2.75-.387-5.704-.387c-8.722 0-15.797 7.063-15.812 15.781v13.743a2.235 2.235 0 0 0 2.234 2.226l10.387.004c3.871 0 6.996 3.086 6.996 6.965c.004 3.906-3.16 6.98-7.07 6.98"/><path fill="#3c6eb4" d="M116.809 116.773v-2.652l-1.211 2.781l-1.18-2.78v2.651h-.68v-4.187h.711l1.168 2.676l1.149-2.676h.722v4.187zm-4.954-3.484v3.484h-.71v-3.484h-1.192v-.703h3.09v.703"/></svg>

Fedora アイコンの使い方

React

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

<Icon icon="devicon:fedora" width="24" />

Vue

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

<template>
  <Icon icon="devicon:fedora" width="24" />
</template>

Svelte

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

<Icon icon="devicon:fedora" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="devicon:fedora"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/devicon/fedora.svg" alt="Fedora アイコン" width="24" height="24">

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

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

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

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

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

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

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

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

Devicon アイコンをすべて見る →