Meteor アイコン

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

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

logos:meteor

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

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 512 × 124

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="124" viewBox="0 0 512 124"><g fill-rule="evenodd"><path fill="#df4f4f" d="m303.758.215l107.287 113.642s3.655 2.578 6.45-.43s.645-6.014.645-6.014zm33.971 10.741l81.7 88.078s3.656 2.578 6.45-.43c2.796-3.007.646-6.014.646-6.014zm-23.866 22.986l81.701 88.079s3.655 2.578 6.45-.43s.646-6.015.646-6.015zm52.583-13.748l57.08 61.535s2.554 1.8 4.506-.3c1.953-2.102.45-4.203.45-4.203zM321.725 60.58l57.08 61.536s2.554 1.8 4.507-.3c1.952-2.102.45-4.203.45-4.203zm74.055-27.067l25.87 27.974s1.263.844 2.229-.14c.966-.985.223-1.97.223-1.97zm-59.772 55.425l25.871 27.974s1.263.844 2.23-.14c.965-.985.222-1.97.222-1.97z"/><path fill="#26262c" d="M446.171 46.23v75.433h17.067V97.331h12.8l16.457 24.332H512l-18.286-26.157s16.238-6.418 16.238-23.826c0-24.576-22.333-25.448-22.333-25.448zm17.067 14.602V82.73h21.943s8.387-.001 8.387-10.95c0-11.366-10.216-10.95-10.216-10.95zm-206.019-14.6v75.431h57.295v-14.6h-40.228V91.248h34.743v-14.6h-34.743V60.82h40.228V46.232zm-82.895 0v14.6h22.552v60.831h17.067V60.832h22.552v-14.6zm-78.019 0v75.431H153.6v-14.6h-40.229V91.248h34.743v-14.6h-34.743V60.82H153.6V46.232zM0 46.23v75.435l17.055-.001V74.213l20.724 30.416l20.735-30.416v47.452h17.067V46.23H58.514L37.78 77.254L17.055 46.23z"/></g></svg>

Meteor アイコンの使い方

React

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

<Icon icon="logos:meteor" width="24" />

Vue

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

<template>
  <Icon icon="logos:meteor" width="24" />
</template>

Svelte

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

<Icon icon="logos:meteor" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:meteor"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/meteor.svg" alt="Meteor アイコン" width="24" height="24">

SVG Logos の関連アイコン

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

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

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

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

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

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

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

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

SVG Logos アイコンをすべて見る →