Circledideographsecret アイコン

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

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

fxemoji:circledideographsecret

Circledideographsecret アイコン(fxemoji:circledideographsecret)は、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"><circle cx="256" cy="256" r="254.106" fill="#FF473E"/><path fill="#D32A2A" d="M256 487.106C119.516 487.106 8.18 379.5 2.165 244.5c-.17 3.813-.271 7.645-.271 11.5c0 140.339 113.767 254.106 254.106 254.106S510.106 396.339 510.106 256c0-3.855-.101-7.687-.271-11.5C503.82 379.5 392.484 487.106 256 487.106"/><path fill="#FFF" d="M224.141 310.49c-3.351 0-6.742-.91-9.792-2.818c-8.663-5.418-11.292-16.832-5.875-25.495c12.384-19.799 13.578-28.852 13.305-58.97c-.093-10.217 8.114-18.575 18.331-18.667l.171-.001c10.14 0 18.403 8.172 18.496 18.332c.309 34.08-1.317 50.761-18.934 78.927c-3.51 5.611-9.537 8.692-15.702 8.692m116.961-187.526c5.418-8.662 2.788-20.077-5.874-25.495c-28.166-17.617-44.846-19.241-78.928-18.934c-10.217.092-18.424 8.45-18.331 18.667c.092 10.16 8.356 18.332 18.496 18.332l.171-.001c30.116-.266 39.172.921 58.971 13.305a18.4 18.4 0 0 0 9.793 2.818c6.164 0 12.192-3.08 15.702-8.692m92.604 197.751c10.215-.185 18.348-8.615 18.163-18.831c-.384-21.285-6.309-42.276-17.134-60.703c-5.176-8.81-16.513-11.755-25.322-6.58s-11.756 16.513-6.58 25.322c7.717 13.137 11.769 27.479 12.042 42.629c.183 10.102 8.429 18.166 18.49 18.166q.17 0 .341-.003M204.292 206.797c0-10.217-8.283-18.5-18.5-18.5h-25.53v-44.812c0-.839-.075-1.659-.184-2.469c5.687-4.198 11.64-9.117 18.425-14.912c7.77-6.635 8.689-18.312 2.054-26.082s-18.312-8.69-26.082-2.054c-22.905 19.561-30.609 24.462-53.737 27.693c-10.119 1.414-17.176 10.763-15.763 20.882c1.292 9.251 9.217 15.943 18.299 15.943q1.28 0 2.583-.18c6.461-.903 12.179-1.997 17.405-3.335v29.326H95.35c-10.217 0-18.5 8.283-18.5 18.5s8.283 18.5 18.5 18.5h26.73c-2.038 5.755-7.587 17.669-22.713 39.584c-12.748 18.471-25.613 34.297-25.741 34.455c-6.454 7.919-5.266 19.571 2.654 26.025a18.42 18.42 0 0 0 11.677 4.161c5.369 0 10.694-2.326 14.351-6.812c.473-.58 9.903-12.176 20.955-27.521v85.378c0 10.217 8.283 18.5 18.5 18.5s18.5-8.283 18.5-18.5V278.949a115 115 0 0 0 2.218 2.806c3.658 4.466 8.968 6.779 14.323 6.779a18.43 18.43 0 0 0 11.711-4.188c7.905-6.474 9.064-18.13 2.591-26.034c-5.657-6.907-15.279-21.247-22.358-33.014h17.045c10.217-.001 18.499-8.283 18.499-18.501"/><path fill="#FFF" d="M394.792 337.516c-10.218 0-18.5 8.282-18.5 18.5c0 12.958-10.542 23.5-23.5 23.5h-11c-12.958 0-23.5-10.542-23.5-23.5v-22.609c53.896-51.516 84.27-125.249 88.977-217.955c.518-10.204-7.334-18.896-17.538-19.414c-10.229-.529-18.897 7.333-19.415 17.538c-2.549 50.214-13.244 94.296-31.788 131.022c-5.925 11.734-12.68 22.737-20.235 33.011v-98.593c0-10.217-8.282-18.5-18.5-18.5s-18.5 8.283-18.5 18.5V316.86c-19.408 16.129-41.886 29.325-67.349 39.473c-9.491 3.783-14.119 14.544-10.336 24.035c2.888 7.244 9.84 11.655 17.191 11.655c2.28 0 4.597-.424 6.844-1.319c19.533-7.785 37.546-17.171 54.018-28.086c3.301 30.264 29.005 53.898 60.133 53.898h11c33.359 0 60.5-27.141 60.5-60.5c-.002-10.218-8.284-18.5-18.502-18.5"/></svg>

Circledideographsecret アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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