Gleam アイコン
devicon-plain:gleam
Gleam アイコン(devicon-plain:gleam)は、Devicon Plain セットの無料 SVG アイコンです（作者: konpa）。 128 × 128 のグリッドで描かれています。 Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Devicon Plain
- 作者
- konpa
- ライセンス
- MIT
- サイズ
- 128 × 128
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="128" height="128" viewBox="0 0 128 128"><path fill="currentColor" d="M56.61.014q-.616.032-1.221.138v.002c-3.23.57-6.182 2.714-7.405 6.178l-9.523 26.98a9.6 9.6 0 0 1-5.553 5.745L6.244 49.504C-.598 52.184-1.923 61.596 3.91 66.05l22.746 17.37a9.58 9.58 0 0 1 3.75 7.047l1.696 28.553c.434 7.326 8.978 11.493 15.033 7.323v-.002l23.58-16.244a9.6 9.6 0 0 1 7.87-1.389l27.714 7.2c7.116 1.848 13.72-4.99 11.623-12.022l-8.17-27.412a9.58 9.58 0 0 1 1.113-7.905l15.432-24.103c3.958-6.182-.503-14.573-7.85-14.752l-28.63-.695a9.6 9.6 0 0 1-7.182-3.499L64.459 3.426C62.418.944 59.477-.137 56.609.014zm30.435 55.513a5.082 5.082 0 1 1 .222 10.161a5.082 5.082 0 0 1-.222-10.16zM46.1 62.747a5.083 5.083 0 0 1 .992 10.085a5.082 5.082 0 1 1-.992-10.086zm26.283 7.382a2.6 2.6 0 0 1 1.812.799a2.6 2.6 0 0 1 .713 1.847a6.72 6.72 0 0 1-2.088 4.721h-.002a6.7 6.7 0 0 1-2.22 1.41h-.002a6.8 6.8 0 0 1-2.59.451h-.002a6.7 6.7 0 0 1-2.567-.576h-.001a6.76 6.76 0 0 1-3.563-3.736a2.59 2.59 0 0 1 .63-2.805a2.6 2.6 0 0 1 1.847-.715a2.595 2.595 0 0 1 2.35 1.655c.075.192.186.368.328.517v.002q.216.224.5.35v.002h.002a1.58 1.58 0 0 0 1.201.03l.002-.003a1.55 1.55 0 0 0 .868-.828h.002v-.002c.083-.188.127-.389.132-.594a2.59 2.59 0 0 1 1.653-2.353c.317-.122.654-.18.994-.172z"/></svg>
Gleam アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="devicon-plain:gleam" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="devicon-plain:gleam" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="devicon-plain:gleam" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[devicon-plain--gleam]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/devicon-plain -->
<div class="i-devicon-plain:gleam"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="devicon-plain:gleam"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/devicon-plain/gleam.svg" alt="Gleam アイコン" width="24" height="24">
Gleam アイコン のよくある質問
Gleam アイコンは商用利用でも無料ですか?
はい。Devicon Plain icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Gleam アイコンを使うには?
@iconify/react をインストールして <Icon icon="devicon-plain:gleam" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Gleam アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/devicon-plain/gleam.svg" alt="Gleam アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Devicon Plain アイコン をすべて見る →
ICONYZ
