Unicorn アイコン

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

openmoji:unicorn

Unicorn アイコン(openmoji:unicorn)は、OpenMoji セットの無料 SVG アイコンです。 72 × 72 のグリッドで描かれています。 OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: OpenMoji
作者: OpenMoji
ライセンス: CC-BY-SA-4.0
サイズ: 72 × 72
カテゴリ: 動物・自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="m23.754 12.362l1.667 7.167l-5.333 5.333l-8.334 14.333l1 4.667l2.167 1.333l4-.167l3.5-3.333l6.834-1.833s1.333 1.5 2.166 3s3.667 4.167 3.667 4.167l.5 6l-1.833 6.166l-2 2.833s22 9.5 33.166-7l-.5-6l-1.833-5l-3.333-5.166l-1-1.5l-.167-5.167l-2.833-5.333l-5-3l-2.667-4.5l-5.167-4.167l-6.5-1.5l-5.666 1l-4.167-2.167z"/><path fill="#ea5a47" d="m50.671 23.155l5.208 4.095s5.564 8.218-.325 17.82c-7.05 11.492 0 0 0 0c-1.619 3.475-2.315 6.742-1.739 9.722l-5.31-4.417V34.292zm-24.773-3.884l-15.113-7.25l5.166 6.119l5.224 5.855z"/><path fill="#92d3f5" d="m29.737 13.631l10.767.136s9.238 4.066 10.536 11.816l.687 8.957c-2.633 6.539-3.056 14.127 2.089 20.834c0 0-7.145 1.321-9.895-7.11L42.338 43.5l.325-6.034l1.417-5.643l-.283-4.893l-2.276-4.312l-3.532-2.841l-5.792-2.08z"/><path fill="#61b2e4" d="M58.455 36.75s5.52 6.407 6.998 15.12a8 8 0 0 1-.138 3.258c-.431 1.752-.817 4.998.146 7.383c.469 1.161-.562 2.365-1.789 2.111c-3.71-.768-9.243-3.647-10.256-8.087a2 2 0 0 1-.042-.321l-.266-5.746c-.013-.286.052-.57.187-.821l3.692-6.836q.1-.186.149-.392z"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M58.455 37.783C60.223 40.144 65 44.465 64.5 54.02m-32-12.135s8.478 6.783 0 18.765m-7.691-41.516L10.25 11.75l10.925 12.245"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M35.196 30.87c.55 8.355-9.322 9.703-11.954 10.334c-.332.08-.632.25-.873.492l-2.223 2.223c-.35.35-.824.546-1.318.546h-3.512a2.795 2.795 0 0 1-2.651-1.911l-.531-1.593a2.8 2.8 0 0 1 .255-2.322l8.786-14.644l4.724-4.724l-2.116-6.905s7.803-.699 8.414 5.33c0 0 16.928 2.442 10.553 19.384c0 0-1.625 5.949 2.375 11.184"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M30.917 14.02S53.16 10 50.875 33.98"/><path fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2" d="M49.919 23.155s14.766 6.587 5.456 22.22c0 0-5.375 6.563.625 13.604"/><circle cx="24.417" cy="28.93" r="2"/></svg>

Unicorn アイコンの使い方

React

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

<Icon icon="openmoji:unicorn" width="24" />

Vue

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

<template>
  <Icon icon="openmoji:unicorn" width="24" />
</template>

Svelte

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

<Icon icon="openmoji:unicorn" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="openmoji:unicorn"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/openmoji/unicorn.svg" alt="Unicorn アイコン" width="24" height="24">

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

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

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

はい。OpenMoji icons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

OpenMoji アイコンをすべて見る →