Directhit アイコン

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

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

fxemoji:directhit

Directhit アイコン(fxemoji:directhit)は、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="254.874" cy="257.739" r="228.521" fill="#E5E4DF"/><path fill="#E5E4DF" d="M384.604 257.739c0 71.648-58.082 129.73-129.73 129.73s-128.388-58.095-129.73-129.73c-1.332-71.103 53.52-127.864 129.73-129.73c71.626-1.755 129.73 58.082 129.73 129.73"/><path fill="#FF473E" d="M254.874 505.874c-136.822 0-248.135-111.313-248.135-248.135c0-136.824 111.313-248.137 248.135-248.137s248.135 111.313 248.135 248.137c0 136.822-111.313 248.135-248.135 248.135m0-449.353c-110.952 0-201.217 90.266-201.217 201.218s90.265 201.217 201.217 201.217S456.09 368.691 456.09 257.739S365.825 56.521 254.874 56.521"/><path fill="#FF473E" d="M254.874 407.084c-82.179 0-147.776-65.439-149.341-148.978c-1.559-83.231 62.438-147.59 148.86-149.706c82.218-2.061 149.827 65.771 149.827 149.339c0 82.349-66.996 149.345-149.346 149.345m2.758-248.349c-.771 0-1.552.011-2.328.029c-57.695 1.412-100.429 43.819-99.401 98.644c1.041 55.681 44.516 99.298 98.969 99.298c54.573 0 98.969-44.397 98.969-98.968c.001-54.591-43.159-99.003-96.209-99.003"/><circle cx="254.874" cy="257.739" r="40.605" fill="#FF473E"/><path fill="#2B3B47" d="m290.716 231.117l-10.94-10.94l-30.624 30.623l.006.006c-.043.041-.089.076-.131.118a7.736 7.736 0 1 0 10.94 10.94c.042-.042.077-.088.118-.131l.006.006z"/><path fill="#0074A8" d="M437.626 73.763c37.978-82.369-34.466-112.946-46.703 24.855l-106.175 94.587a24 24 0 0 0-2.122 1.865c-.041.041-.075.087-.117.129l-.081.072l.008.008c-9.103 9.319-9.047 24.246.189 33.482s24.164 9.292 33.483.189l.008.008l.071-.08c.042-.041.088-.075.129-.117a24 24 0 0 0 1.866-2.122l94.587-106.175c137.803-12.235 107.226-84.679 24.857-46.701"/></svg>

Directhit アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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