Celticcross アイコン
fxemoji:celticcross
Celticcross アイコン(fxemoji:celticcross)は、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 xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#464A4C" d="M452.439 164H371.14c-12.693-28.478-35.647-51.409-64.14-64.074V18.679C307 12.226 301.675 7 295.222 7h-78.444C210.325 7 205 12.226 205 18.679v81.247c-28.493 12.664-51.447 35.596-64.14 64.074H59.561C53.108 164 48 169.443 48 175.896v78.444c0 6.453 5.108 11.66 11.561 11.66h81.195c12.671 28.587 35.672 51.61 64.243 64.31v168.005c0 6.453 5.325 11.686 11.778 11.686h78.444c6.453 0 11.778-5.233 11.778-11.686V330.31c28.571-12.699 51.572-35.723 64.243-64.31h81.195c6.453 0 11.561-5.207 11.561-11.66v-78.444C464 169.443 458.892 164 452.439 164m-121.702 12.876l-40.104 26.792l-23.237-23.21l26.794-40.104a84.52 84.52 0 0 1 36.547 36.522m-112.942-36.515l26.784 40.123l-23.225 23.237l-40.1-26.83a84.54 84.54 0 0 1 36.541-36.53m-36.571 112.924l40.143-26.776l26.857 26.86c.188.188.387.358.584.53a11.7 11.7 0 0 0-2.528 2.71l-23.731 35.529c-17.852-7.785-32.481-21.597-41.325-38.853m108.233 38.849l-23.714-35.525a11.7 11.7 0 0 0-2.54-2.709c.198-.171.391-.34.578-.528l26.854-26.857l40.14 26.77c-8.842 17.254-23.469 31.065-41.318 38.849"/></svg>Celticcross アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:celticcross" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:celticcross" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:celticcross" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--celticcross]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:celticcross"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:celticcross"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/celticcross.svg" alt="Celticcross アイコン" width="24" height="24">Celticcross アイコン のよくある質問
Celticcross アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Celticcross アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:celticcross" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Celticcross アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/celticcross.svg" alt="Celticcross アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。