Racket アイコン

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

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

devicon:racket

Racket アイコン(devicon:racket)は、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="#fff" d="M128 64c0 35.069-28.653 63.5-64 63.5S0 99.07 0 64S28.653.5 64 .5s64 28.43 64 63.5m0 0"/><path fill="#3e5ba9" d="M114.356 103.192C122.904 92.4 128 78.792 128 64C128 28.93 99.347.5 64 .5a64.4 64.4 0 0 0-21.89 3.81c25.982 13.525 60.352 57.646 72.246 98.881Zm0 0"/><path fill="#9f1d20" d="M54.835 41.005C44.85 30.333 33.672 21.859 21.827 16.24C8.451 27.876 0 44.96 0 64c0 16.01 5.975 30.637 15.83 41.804c8.688-25.896 25.018-50.855 39.006-64.799Zm11.793 14.4c-13.857 14.815-27.662 40.75-32.66 64.68c8.957 4.728 19.176 7.415 30.031 7.415c11.161 0 21.653-2.835 30.786-7.817c-5.268-24.14-15.204-46.245-28.157-64.277Zm0 0"/></svg>

Racket アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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