ICONYZ
日本語
Twitter Emoji の Reminder Ribbon アイコン

Reminder Ribbon アイコン

twemoji:reminder-ribbon

Reminder Ribbon アイコン(twemoji:reminder-ribbon)は、Twitter Emoji セットの無料 SVG アイコンです(作者: Twitter)。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
Twitter Emoji
作者
Twitter
ライセンス
CC-BY-4.0
サイズ
36 × 36
カテゴリ
アクティビティ
タグ
reminderribbon
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#ffac33" d="M13.193 8.624S14.75 7 18 7s4.955 1.692 4.955 1.692l.186.136s1.906-3.594.517-6.659C22.593 1.464 20.661.5 18 .5c-2.554 0-4.451.893-5.54 1.589c-1.507 3.068.509 6.661.509 6.661z"/><path fill="#ffcc4d" d="m24.685 2.975l-.086-.083a7.3 7.3 0 0 0-.941-.722c.058.298.157.729.218 1.237c.178 1.473.084 3.228-.921 5.285c-.24.491-.516.994-.87 1.52c-.608.902-2.135 2.838-3.975 5.105a636 636 0 0 1-4.009 4.88c-3.278 3.953-6.297 7.525-6.357 7.596a.5.5 0 0 0-.08.52l3 7a.5.5 0 0 0 .46.303a.5.5 0 0 0 .409-.213c.052-.074 3.305-4.751 6.569-9.447l4.01-5.771c1.465-2.11 2.516-3.624 2.619-3.778c1.518-2.261 3.237-4.574 3.237-7.042c0-2.477-1.135-4.687-3.283-6.39"/><path fill="#ffac33" d="m13.254 21.215l3.965 6.012l5.448-7.84l-3.979-4.786c-.19.235-5.155 6.278-5.434 6.614"/><path fill="#ffcc4d" d="m11.449 2.891l.086-.083c.035-.034.368-.343.941-.722c-.058.298-.157.729-.218 1.237c-.178 1.473-.084 3.228.921 5.285c.24.491.516.994.87 1.52c.608.902 2.135 2.838 3.975 5.105a636 636 0 0 0 4.009 4.88c3.278 3.953 6.297 7.525 6.357 7.596a.5.5 0 0 1 .078.521l-3 7a.5.5 0 0 1-.46.303a.5.5 0 0 1-.409-.213c-.052-.074-3.305-4.751-6.569-9.447l-4.01-5.771c-1.465-2.11-2.516-3.624-2.619-3.778c-1.518-2.261-3.237-4.574-3.237-7.042c.002-2.477 1.137-4.688 3.285-6.391"/></svg>

Reminder Ribbon アイコンの使い方

React

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

<Icon icon="twemoji:reminder-ribbon" width="24" />

Vue

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

<template>
  <Icon icon="twemoji:reminder-ribbon" width="24" />
</template>

Svelte

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

<Icon icon="twemoji:reminder-ribbon" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="twemoji:reminder-ribbon"></iconify-icon>

HTML 画像

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

他のアイコンセットの Reminder Ribbon アイコン

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

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

はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Twitter Emoji アイコン をすべて見る →