Ox アイコン

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

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

streamline-emojis:ox

Ox アイコン(streamline-emojis:ox)は、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
カテゴリ: 動物・自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#45413c" d="M12 45.25a15.5 1.75 0 1 0 31 0a15.5 1.75 0 1 0-31 0" opacity=".15"/><path fill="#debb7e" d="M42.1 24.28c.14-6.34-.49-8.31-8.45-7.32s-10.47-3.13-14.13-3.13s-4.27.8-6.2 1.13a20.6 20.6 0 0 1-3.94 0c-1.9 0-3.17 1.19-5 3.69c-2.44 3.28-3 3.52-2.82 4.5s1.08 2.35 2.26 2.26s1.64-.8 2.81-.57a5.4 5.4 0 0 0 3-.22a7.16 7.16 0 0 1 2.5 3.61c.66 2.14 1 4.27 3.18 5.62c.32.79.67 1.52.94 2.31c.71 2.06.33 4.22-1 4.79a2.52 2.52 0 0 0-1.8 2.42a.57.57 0 0 0 .56.63h5.19a.57.57 0 0 0 .53-.37c.28-.76.76-3 .73-9.3a9.4 9.4 0 0 1 4-.85c2.68.33 6.94.63 9-1.52c1 1.33 2.17 2.5 3.11 3.59c2.21 2.57 0 5.63 0 5.63a4.64 4.64 0 0 0-1.1 2.18a.56.56 0 0 0 .56.64h4.52a.57.57 0 0 0 .56-.53l.44-6.66a5.14 5.14 0 0 0-.55-2.42l-.75-1.75a1.68 1.68 0 0 1 .26-1.64c.64-.87 1.49-2.74 1.59-6.72"/><path fill="#f0d5a8" d="M2.08 24.41c.44-.59 1.16-1.45 2.27-2.95c1.86-2.5 3.13-3.69 5-3.69a20.6 20.6 0 0 0 3.94 0c1.93-.33 2.54-1.12 6.2-1.12s6.17 4.11 14.13 3.12c6.78-.84 8.24.48 8.44 4.81v-.3c.14-6.34-.49-8.31-8.45-7.32s-10.47-3.13-14.13-3.13s-4.27.8-6.2 1.13a20.6 20.6 0 0 1-3.94 0c-1.9 0-3.17 1.19-5 3.69c-2.44 3.28-3 3.52-2.82 4.5a3.5 3.5 0 0 0 .56 1.26"/><path fill="#f0d5a8" d="M11.6 15.05a4.35 4.35 0 0 1 1.91 1.43c.66.86.29 3 .09 3.84a.34.34 0 0 1-.47.24c-.88-.36-3-1.42-2.93-3.23"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M42.1 24.28c.14-6.34-.49-8.31-8.45-7.32s-10.47-3.13-14.13-3.13s-4.27.8-6.2 1.13a20.6 20.6 0 0 1-3.94 0c-1.9 0-3.17 1.19-5 3.69c-2.44 3.28-3 3.52-2.82 4.5s1.08 2.35 2.26 2.26s1.64-.8 2.81-.57a5.4 5.4 0 0 0 3-.22a7.16 7.16 0 0 1 2.5 3.61c.66 2.14 1 4.27 3.18 5.62c.32.79.67 1.52.94 2.31c.71 2.06.33 4.22-1 4.79a2.52 2.52 0 0 0-1.8 2.42a.57.57 0 0 0 .56.63h5.19a.57.57 0 0 0 .53-.37c.28-.76.76-3 .73-9.3a9.4 9.4 0 0 1 4-.85c2.68.33 6.94.63 9-1.52c1 1.33 2.17 2.5 3.11 3.59c2.21 2.57 0 5.63 0 5.63a4.64 4.64 0 0 0-1.1 2.18a.56.56 0 0 0 .56.64h4.52a.57.57 0 0 0 .56-.53l.44-6.66a5.14 5.14 0 0 0-.55-2.42l-.75-1.75a1.68 1.68 0 0 1 .26-1.64c.64-.87 1.49-2.74 1.59-6.72"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M6.6 24.84c1.17.24 3.61.24 4.5-1.69m19.72 2.26A10.65 10.65 0 0 0 33.36 32m-18.13 1.86a10.1 10.1 0 0 1-.8-4.84m7.13 2.06a3.1 3.1 0 0 0-1.23 2.36v.89"/><path fill="#fffacf" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M8.38 17c-1 .76-2.68-.54-2.9-2.18s.51-3.55.88-3.28s.39 2.15 1.51 2.53A1.62 1.62 0 0 1 8.38 17"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M11.6 15.05a4.35 4.35 0 0 1 1.91 1.43c.66.86.29 3 .09 3.84a.34.34 0 0 1-.47.24c-.88-.36-3-1.42-2.93-3.23m30.68.52c2.9 2.42 3.46 4.32 3.46 9.53v2.89"/><path fill="#dea47a" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M44.34 30.27a5 5 0 0 0-1 2.67a8.7 8.7 0 0 0 1 3.24S46 34.7 46 33.22s-1.66-2.95-1.66-2.95"/><path fill="#45413c" d="M6 20.03a.56.56 0 1 0 1.12 0a.56.56 0 1 0-1.12 0"/></svg>

Ox アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:ox"></iconify-icon>

HTML 画像

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

他のアイコンセットの Ox アイコン

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

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

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

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

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

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

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

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