Squaredcool アイコン
fxemoji:squaredcool
Squaredcool アイコン(fxemoji:squaredcool)は、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="#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="#FFF" d="m128.222 216.343l-10.146 12.025c-1.319 1.564-3.637 1.859-5.276.634c-6.112-4.57-12.637-7.098-20.426-7.098c-16.31 0-27.933 13.311-27.933 44.993c0 30.933 11.435 44.431 28.683 44.431c8.934 0 15.616-3.8 22.12-8.595c1.692-1.247 4.073-.906 5.367.751l9.515 12.178a3.91 3.91 0 0 1-.495 5.335c-8.757 7.76-21.948 14.328-38.194 14.328c-35.62 0-59.429-23.808-59.429-68.427c0-43.681 24.934-68.052 58.491-68.052c15.899 0 27.221 4.426 37.131 11.9c1.772 1.334 2.022 3.903.592 5.597m125.003 50.742c0 42.556-21.934 68.239-58.679 68.239c-36.557 0-58.492-24.934-58.492-68.239c0-42.369 21.935-68.241 58.492-68.241c36.745.001 58.679 24.747 58.679 68.241m-84.737 0c0 32.807 9.186 45.555 26.058 45.555c17.435 0 26.246-12.748 26.246-45.555c0-32.621-8.811-45.369-26.246-45.369c-17.059.001-26.058 12.748-26.058 45.369m214.277 0c0 42.556-21.935 68.239-58.679 68.239c-36.558 0-58.491-24.934-58.491-68.239c0-42.369 21.933-68.241 58.491-68.241c36.745.001 58.679 24.747 58.679 68.241m-84.737 0c0 32.807 9.186 45.555 26.058 45.555c17.435 0 26.247-12.748 26.247-45.555c0-32.621-8.812-45.369-26.247-45.369c-17.059.001-26.058 12.748-26.058 45.369m137.939 40.493h42.245a3.9 3.9 0 0 1 3.864 4.431l-2.303 16.759a3.9 3.9 0 0 1-3.864 3.369h-71.25a3.9 3.9 0 0 1-3.9-3.9V206.119a3.9 3.9 0 0 1 3.9-3.9h23.508a3.9 3.9 0 0 1 3.9 3.9v97.559a3.9 3.9 0 0 0 3.9 3.9"/></svg>Squaredcool アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:squaredcool" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:squaredcool" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:squaredcool" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--squaredcool]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:squaredcool"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:squaredcool"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/squaredcool.svg" alt="Squaredcool アイコン" width="24" height="24">Squaredcool アイコン のよくある質問
Squaredcool アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Squaredcool アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:squaredcool" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Squaredcool アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/squaredcool.svg" alt="Squaredcool アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。