Squaredok アイコン
fxemoji:squaredok
Squaredok アイコン(fxemoji:squaredok)は、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="M254.596 264.32c0 71.434-36.819 114.547-98.498 114.547c-61.364 0-98.183-41.854-98.183-114.547c0-71.12 36.819-114.547 98.183-114.547c61.68.001 98.498 41.539 98.498 114.547m-142.239 0c0 55.071 15.42 76.469 43.742 76.469c29.266 0 44.056-21.399 44.056-76.469c0-54.756-14.79-76.155-44.056-76.155c-28.637.001-43.742 21.399-43.742 76.155m338.972 98.179L385.555 257.37a7.2 7.2 0 0 1 .226-7.977l58.429-82.597c3.373-4.769-.037-11.358-5.878-11.358h-37.026a7.2 7.2 0 0 0-5.959 3.159l-43.745 64.519c-3.981 5.872-13.159 3.054-13.159-4.041v-56.438a7.2 7.2 0 0 0-7.2-7.2H293.09a7.2 7.2 0 0 0-7.2 7.2v203.679a7.2 7.2 0 0 0 7.2 7.2h38.153a7.2 7.2 0 0 0 7.2-7.2v-66.438c0-7.318 9.649-9.969 13.389-3.68l43.88 73.798a7.2 7.2 0 0 0 6.189 3.52h43.327c5.654.001 9.102-6.222 6.101-11.017"/></svg>Squaredok アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="fxemoji:squaredok" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="fxemoji:squaredok" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="fxemoji:squaredok" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[fxemoji--squaredok]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/fxemoji -->
<div class="i-fxemoji:squaredok"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="fxemoji:squaredok"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/fxemoji/squaredok.svg" alt="Squaredok アイコン" width="24" height="24">Squaredok アイコン のよくある質問
Squaredok アイコンは商用利用でも無料ですか?
はい。Firefox OS Emoji icons は Apache 2.0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Squaredok アイコンを使うには?
@iconify/react をインストールして <Icon icon="fxemoji:squaredok" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Squaredok アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/fxemoji/squaredok.svg" alt="Squaredok アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。