ICONYZ
日本語
Arcticons の Emoji Ribbon アイコン

Emoji Ribbon アイコン

arcticons:emoji-ribbon

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

アイコンセット
Arcticons
作者
Donnnno
ライセンス
CC-BY-SA-4.0
サイズ
48 × 48
タグ
emojiribbon
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M39.312 8.92a2.3 2.3 0 0 0-1.137-.314c-1.429 0-3.353.623-5.296 1.582"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M27.254 21.904c7.473 2.318 9.34 8.068 13.022 3.183c3.78-5.016 2.257-14.346-.965-16.168m-6.432 1.269c-2.403 1.186-4.835 2.887-6.397 4.564m-5.835 2.152v.297c.007.993.007 1.74 0 2.308c0 .657-.006 1.076 0 1.38c0 .367.02.567.07.799c0 .013.007.02.007.032q.018.04.026.09h-.006c-4.63 1.438-7.106 4.19-9.195 4.913c-1.096.38-2.09.206-3.224-1.006a9 9 0 0 1-.6-.722c-.974-1.296-1.599-2.875-1.928-4.539a15 15 0 0 1-.206-1.399a10 10 0 0 1-.065-.85a12 12 0 0 1-.025-.839c0-3.584 1.14-6.995 2.824-8.297q.153-.124.316-.22c.374-.218.774-.34 1.186-.34q.59 0 1.277.134q.222.039.445.097q.204.05.419.11c3.07.85 6.996 3.197 9.304 5.55m-.504 7.872c-.802.29-1.528.634-2.192 1.003c-1.425 1.895-3.948 5.696-6.65 11.747c-.215.482.115 1.06.551.964l3.109-.68c.45-.098.902.17 1.124.67l1.4 3.154c.245.552.907.442 1.027-.17c.607-3.11 1.999-9.827 3.686-14.356c-.995-.212-1.797-1.134-2.055-2.331"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M29.697 23.314a14 14 0 0 0-2.22-1.04c-.258 1.198-1.06 2.12-2.055 2.332c1.687 4.529 3.08 11.245 3.687 14.355c.12.613.781.723 1.026.171l1.4-3.155c.222-.498.673-.767 1.124-.669l3.109.68c.437.095.766-.482.55-.965c-2.683-6.012-5.191-9.802-6.62-11.709"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M24.341 13.183H23.26c-1.44 0-2.612 1.535-2.612 3.423v4.283c0 1.888 1.172 3.423 2.612 3.423h1.082c1.44 0 2.612-1.535 2.612-3.423v-4.283c0-1.888-1.171-3.423-2.612-3.423"/></svg>

Emoji Ribbon アイコンの使い方

React

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

<Icon icon="arcticons:emoji-ribbon" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:emoji-ribbon" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:emoji-ribbon" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--emoji-ribbon]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:emoji-ribbon"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:emoji-ribbon"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/emoji-ribbon.svg" alt="Emoji Ribbon アイコン" width="24" height="24">

Arcticons の関連アイコン

Emoji Ribbon アイコン のよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →