Comet アイコン
emojione-monotone:comet
Comet アイコン(emojione-monotone:comet)は、Emoji One (Monotone) セットの無料 SVG アイコンです（作者: Emoji One）。 64 × 64 のグリッドで描かれています。 Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Emoji One (Monotone)
- 作者
- Emoji One
- ライセンス
- CC-BY-4.0
- サイズ
- 64 × 64
- カテゴリ
- 自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" viewBox="0 0 64 64"><path fill="currentColor" d="M36.502 33.383L62 2L30.618 27.497l.645-1.355l.14.141l2.022-2.022l-.858-.858L39.74 8.314L21.494 29.293l-.103-.102l4.061-20.876l-11.81 23.042l-.783-.782l-2.022 2.021l1.435 1.436l-7.42 14.477A7.5 7.5 0 0 0 3.17 50.38a7.576 7.576 0 0 0 12.326 8.769l40.189-20.602l-21.161 4.115L55.686 24.26zm15.19-21.075L22.01 48.84l11.416-18.265l-18.271 11.418zM31.44 22.275l-.038-.038l-2.022 2.022l.757.757l-2.226 4.68l-16.284 13.231l22.05-25.354zM14.444 33.034l.438-.438l-.141-.141l3.934-7.66l.464.464l1-1l-.785-.784l2.611-5.086l-2.597 13.35L8.969 43.698zm.795 24.961a6.697 6.697 0 0 1-9.233 2.092a6.695 6.695 0 1 1 9.233-2.092m26.238-13.836l.856-.857l-.527-.527l3.806-.739zm-.845-1.156l-.299.299l.954.954l-20.988 10.777l11.962-10.402zM21.07 52.374L34.302 36.09l12.125-5.766l-10.089 8.773l.55-.549l-1-1l-1 1l.969.969z"/><path fill="currentColor" d="M8.617 51.192a1.475 1.475 0 0 0 2.036-.461a1.476 1.476 0 0 0-.46-2.037c-.049-.031-.1-.051-.15-.074c.51.377.658 1.079.316 1.623a1.224 1.224 0 0 1-1.686.383a1.21 1.21 0 0 1-.412-1.605c-.037.044-.074.086-.105.135a1.477 1.477 0 0 0 .461 2.036m5.054 1.963a.8.8 0 0 1-.282-1.031c-.018.023-.044.037-.06.063a.972.972 0 1 0 1.342-.303c-.024-.016-.054-.018-.079-.03c.316.252.408.7.188 1.05a.805.805 0 0 1-1.109.251m-1.16 4.461c-.05-.031-.103-.053-.154-.076c.506.371.655 1.064.316 1.602a1.2 1.2 0 0 1-1.656.375a1.19 1.19 0 0 1-.405-1.58c-.035.045-.074.086-.105.135a1.453 1.453 0 1 0 2.459 1.551a1.46 1.46 0 0 0-.455-2.007m-7.312-5.533c-.025-.016-.055-.018-.08-.029a.797.797 0 0 1-.921 1.299a.794.794 0 0 1-.279-1.031c-.018.023-.045.038-.061.064a.971.971 0 1 0 1.341-.303m3.973 2.084c-.063-.039-.129-.063-.191-.096a2.03 2.03 0 0 1 .467 2.678a2.037 2.037 0 0 1-2.807.635a2.025 2.025 0 0 1-.732-2.616c-.041.057-.092.106-.129.167a2.46 2.46 0 1 0 4.162 2.627a2.465 2.465 0 0 0-.77-3.395m20.804-43.265l2.022 2.022l-2.022 2.023l-2.022-2.023zm24.357 9.22l-2.024 2.023l-2.023-2.023L52.31 18.1zm-6.167 16.824l-2.024 2.024l-2.023-2.024l2.023-2.024zM31.999 48.369l-1-1l1-1l1 1zm16.145-23.484l-1 1l-1-1l1-1zm7.189 5.075l-1 1l-1-1l1-1zM43.334 10.003l1 1l-.999 1l-1-1zm2.81-7.377l1 1l-1 1l-1-1zM34.89 7.314l1 1l-1 1l-1-1z"/></svg>
Comet アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="emojione-monotone:comet" width="24" />
Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="emojione-monotone:comet" width="24" />
</template>
Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="emojione-monotone:comet" width="24" />
Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[emojione-monotone--comet]"></span>
UnoCSS
<!-- @unocss/preset-icons + @iconify-json/emojione-monotone -->
<div class="i-emojione-monotone:comet"></div>
Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="emojione-monotone:comet"></iconify-icon>
HTML 画像
<img src="https://iconyz.com/api/public/svg/emojione-monotone/comet.svg" alt="Comet アイコン" width="24" height="24">
Comet アイコン のよくある質問
Comet アイコンは商用利用でも無料ですか?
はい。Emoji One (Monotone) icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Comet アイコンを使うには?
@iconify/react をインストールして <Icon icon="emojione-monotone:comet" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Comet アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/emojione-monotone/comet.svg" alt="Comet アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。
Emoji One (Monotone) アイコン をすべて見る →
ICONYZ
