Horse Face アイコン

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:horse-face

Horse Face アイコン(streamline-emojis:horse-face)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 動物・自然
タグ: horseface

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M11.5 45.5a12.5 1.5 0 1 0 25 0a12.5 1.5 0 1 0-25 0" opacity=".15"/><path fill="#debb7e" d="M22.27 28.79c1.16 6.73 2.64 11.31 6.94 16a2.28 2.28 0 0 0 3.12.21a28.59 28.59 0 0 0 10.34-22.26L30.9 13.52a32.5 32.5 0 0 0-5.45-3.45a11.9 11.9 0 0 0-10.79.08a11.85 11.85 0 0 0-5.55 6.08L4.67 27.12a6 6 0 0 0 5.6 8.15a9 9 0 0 0 6.62-3l2.82-3.15Z"/><path fill="#fff" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M9.11 16.23L4.67 27.12a6 6 0 0 0 5.6 8.15a9.2 9.2 0 0 0 4.67-1.36a8 8 0 0 0 .2-1.76a5.1 5.1 0 0 0-1.66-3.58a9 9 0 0 1-1.55-11c2.05-3.69 5.88-4.4 3.22-7.69a4 4 0 0 0-.49.24a11.85 11.85 0 0 0-5.55 6.11"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M22.27 28.79a9 9 0 0 0 3.95-2.72a9.74 9.74 0 0 0 2.15-5"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M22.27 28.79c1.16 6.73 2.64 11.31 6.94 16a2.28 2.28 0 0 0 3.12.21h0a28.59 28.59 0 0 0 10.34-22.26h0L30.9 13.52a32.5 32.5 0 0 0-5.45-3.45h0a11.9 11.9 0 0 0-10.79.08h0a11.85 11.85 0 0 0-5.55 6.08L4.67 27.12a6 6 0 0 0 5.6 8.15a9 9 0 0 0 6.62-3l2.82-3.15Z"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.8 18.56a1 1 0 1 1-1-1a1 1 0 0 1 1 1"/><path fill="#fc9" d="M20.47 22.94c0 .42.48.75 1.07.75s1.08-.33 1.08-.75s-.48-.75-1.08-.75s-1.07.34-1.07.75"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M7.56 31a1.26 1.26 0 0 1 .64-1.6"/><path fill="#bf8256" d="M18.13 11.34A10 10 0 0 1 14.07 15a17.3 17.3 0 0 1-6.84 1.79a.35.35 0 0 1-.23-.63a7 7 0 0 0 1.73-3c1.17-3.41 4.63-8.54 10.7-8.54c8.58 0 10 3.94 10 3.94A16.2 16.2 0 0 1 38 10.7c3.64 2 5.09 4.56 5.61 7.45a11.45 11.45 0 0 1-1.32 7.21a11.06 11.06 0 0 1-5.89 4.49a.36.36 0 0 1-.46-.39a20.9 20.9 0 0 0-.44-8c-.93-3.07-4.11-5.92-5.46-7a.73.73 0 0 0-1 .16l-1.24 1.76a.35.35 0 0 1-.64-.13a8.75 8.75 0 0 0-2-4.12a18.9 18.9 0 0 0-6-3.71a9 9 0 0 1-1.03 2.92"/><path fill="#dea47a" d="M7.23 16.78c.41 0 .9-.06 1.45-.14v-.07C9.9 13.11 13.36 8 19.43 8c8.58 0 10 3.93 10 3.93A16.2 16.2 0 0 1 38 14.07c3.64 2 5.09 4.56 5.61 7.44a9.5 9.5 0 0 0 0-3.37c-.52-2.89-2-5.42-5.61-7.45a16.2 16.2 0 0 0-8.58-2.14S28 4.62 19.43 4.62c-6.07 0-9.53 5.13-10.72 8.58a7 7 0 0 1-1.73 3a.35.35 0 0 0 .25.58"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M18.13 11.34A10 10 0 0 1 14.07 15a17.3 17.3 0 0 1-6.84 1.79a.35.35 0 0 1-.23-.63a7 7 0 0 0 1.73-3c1.17-3.41 4.63-8.54 10.7-8.54c8.58 0 10 3.94 10 3.94A16.2 16.2 0 0 1 38 10.7c3.64 2 5.09 4.56 5.61 7.45a11.45 11.45 0 0 1-1.32 7.21a11.06 11.06 0 0 1-5.89 4.49a.36.36 0 0 1-.46-.39a20.9 20.9 0 0 0-.44-8c-.93-3.07-4.11-5.92-5.46-7a.73.73 0 0 0-1 .16l-1.24 1.76a.35.35 0 0 1-.64-.13a8.75 8.75 0 0 0-2-4.12a18.9 18.9 0 0 0-6-3.71h0a9 9 0 0 1-1.03 2.92"/><path fill="#debb7e" d="M22.37 10.76a4.8 4.8 0 0 0 .8-6.33l-1.11-1.69a1.46 1.46 0 0 0-1.94-.41a1.08 1.08 0 0 0-.54.86l-.22 3a13.2 13.2 0 0 1-1.23 5.11Z"/><path fill="#f0d5a8" d="M19.4 5.56c0-.35.4-.66.72-.86a1.46 1.46 0 0 1 1.94.42l1.11 1.69a5.3 5.3 0 0 1 .68 1.54a4.86 4.86 0 0 0-.68-3.92l-1.11-1.69a1.46 1.46 0 0 0-1.94-.41a1.08 1.08 0 0 0-.54.86Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M22.37 10.76a4.8 4.8 0 0 0 .8-6.33l-1.11-1.69a1.46 1.46 0 0 0-1.94-.41a1.08 1.08 0 0 0-.54.86l-.22 3a13.2 13.2 0 0 1-1.23 5.11"/><path fill="#bf8256" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M29.44 8.56a6.9 6.9 0 0 1 .72 3.21"/></svg>

Horse Face アイコンの使い方

React

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

<Icon icon="streamline-emojis:horse-face" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:horse-face" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:horse-face" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--horse-face]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:horse-face"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:horse-face"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/horse-face.svg" alt="Horse Face アイコン" width="24" height="24">

Streamline Emojis の関連アイコン

他のアイコンセットの Horse Face アイコン

Horse Face アイコンのよくある質問

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Streamline Emojis アイコンをすべて見る →