Clockwiserightwardsleftwardscirclearrowsone アイコン

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

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

fxemoji:clockwiserightwardsleftwardscirclearrowsone

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

アイコンセット: Firefox OS Emoji
作者: Mozilla
ライセンス: Apache-2.0
サイズ: 512 × 512
カテゴリ: 記号

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#597B91" d="M508.333 32.666C508.333 16.35 494.984 3 478.668 3H29.032C14.348 3 2.333 15.015 2.333 29.699v452.602C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666z"/><path fill="#2B5770" d="M478.668 488.915H29.032c-14.684 0-26.699-12.015-26.699-26.699v20.085C2.333 496.985 14.348 509 29.032 509h449.635c16.316 0 29.666-13.35 29.666-29.666v-20.085c0 16.316-13.349 29.666-29.665 29.666"/><path fill="#F9F9F7" d="M324.382 386.698H149.998c-16.209 0-29.35-13.141-29.35-29.35s13.14-29.35 29.35-29.35h174.384c35.989 0 65.269-29.279 65.269-65.269v-26.472c0-16.209 13.141-29.35 29.35-29.35s29.35 13.14 29.35 29.35v26.472c-.001 68.358-55.613 123.969-123.969 123.969m90.361-252.99L300.369 57.833c-6.327-4.197-14.78.339-14.78 7.932v46.526H174.475c-3.839 0-7.502.745-10.863 2.085c-57.566 10.684-101.295 61.269-101.295 121.883c0 16.209 13.14 29.35 29.35 29.35s29.35-13.141 29.35-29.35c0-35.989 29.279-65.269 65.269-65.269h99.304v46.526c0 7.593 8.453 12.129 14.78 7.932l114.375-75.875c5.674-3.766 5.674-12.1-.002-15.865"/><path fill="#F9F9F7" d="M165.815 458.212c-51.619 0-93.613-41.995-93.613-93.613s41.995-93.613 93.613-93.613s93.613 41.995 93.613 93.613s-41.994 93.613-93.613 93.613"/><path fill="#597B91" d="M165.815 280.986c46.178 0 83.613 37.435 83.613 83.613s-37.435 83.613-83.613 83.613s-83.613-37.435-83.613-83.613s37.435-83.613 83.613-83.613m0-20c-57.132 0-103.613 46.481-103.613 103.613s46.481 103.613 103.613 103.613s103.613-46.481 103.613-103.613s-46.48-103.613-103.613-103.613"/><path fill="#597B91" d="M177.183 417.034h-12.695a5.22 5.22 0 0 1-5.222-5.222v-62.631c0-4.071-4.452-6.577-7.932-4.465l-9.25 5.614a5.22 5.22 0 0 1-7.086-1.615l-4.53-6.959a5.223 5.223 0 0 1 1.673-7.317l27.956-16.921a5.2 5.2 0 0 1 2.704-.755h14.383a5.22 5.22 0 0 1 5.222 5.222v89.827a5.22 5.22 0 0 1-5.223 5.222"/></svg>

Clockwiserightwardsleftwardscirclearrowsone アイコンの使い方

React

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

<Icon icon="fxemoji:clockwiserightwardsleftwardscirclearrowsone" width="24" />

Vue

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

<template>
  <Icon icon="fxemoji:clockwiserightwardsleftwardscirclearrowsone" width="24" />
</template>

Svelte

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

<Icon icon="fxemoji:clockwiserightwardsleftwardscirclearrowsone" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="fxemoji:clockwiserightwardsleftwardscirclearrowsone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/fxemoji/clockwiserightwardsleftwardscirclearrowsone.svg" alt="Clockwiserightwardsleftwardscirclearrowsone アイコン" width="24" height="24">

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

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

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

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

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

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

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

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