Rosette アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:rosette

Rosette アイコン(openmoji:rosette)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 動物・自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#d22f27" stroke="#d22f27" stroke-miterlimit="10" stroke-width="2" d="M35.466 10c-5.667 0-10.267 7.196-10.411 16.155c-8.499.45-15.176 4.921-15.176 10.38c0 5.465 6.693 9.94 15.206 10.38c.441 8.513 4.916 15.206 10.38 15.206c5.458 0 9.93-6.677 10.38-15.176C54.804 46.801 62 42.201 62 36.535c0-5.66-7.18-10.256-16.125-10.41C45.721 17.18 41.125 10 35.465 10Z"/><path fill="#ea5a47" d="M53.197 18.174c-3.76-3.76-11.587-2.037-17.627 3.812c-5.938-5.34-13.335-6.805-16.957-3.183c-3.626 3.626-2.154 11.036 3.202 16.978c-5.356 5.94-6.828 13.351-3.202 16.977c3.622 3.622 11.02 2.158 16.957-3.183c6.04 5.849 13.867 7.571 17.627 3.812c3.755-3.755 2.04-11.569-3.792-17.606c5.832-6.038 7.547-13.851 3.792-17.607"/><circle cx="35.591" cy="35.781" r="8.003" fill="#f4aa41" stroke="#f4aa41" stroke-miterlimit="10" stroke-width="2"/><circle cx="35.591" cy="35.781" r="4.446" fill="#fcea2b" stroke="#fcea2b" stroke-miterlimit="10" stroke-width="2"/><g fill="none" stroke="#000" stroke-linejoin="round" stroke-width="2"><path stroke-linecap="round" d="M53.197 18.174c-3.76-3.76-11.587-2.037-17.627 3.812c-5.938-5.34-13.335-6.805-16.957-3.183c-3.626 3.626-2.154 11.036 3.202 16.978c-5.356 5.94-6.828 13.351-3.202 16.977c3.622 3.622 11.02 2.158 16.957-3.183c6.04 5.849 13.867 7.571 17.627 3.812c3.755-3.755 2.04-11.569-3.792-17.606c5.832-6.038 7.547-13.851 3.792-17.607m5.35 24.723A8.31 8.31 0 0 0 62 36.535c0-2.575-1.485-4.929-3.947-6.745M28.391 57.71c1.857 2.738 4.342 4.411 7.075 4.411a8.3 8.3 0 0 0 6.35-3.436M13.125 30.343a8.2 8.2 0 0 0-3.246 6.192a7.86 7.86 0 0 0 2.566 5.57M42.077 13.77c-1.797-2.356-4.1-3.77-6.611-3.77a8.3 8.3 0 0 0-6.349 3.435"/><circle cx="35.591" cy="35.781" r="8.003"/><circle cx="35.591" cy="35.781" r="4.446"/></g></svg>

Rosette アイコンの使い方

React

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

<Icon icon="openmoji:rosette" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:rosette" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:rosette" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:rosette"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/rosette.svg" alt="Rosette アイコン" width="24" height="24">

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

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

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