Giraffe アイコン

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

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

openmoji:giraffe

Giraffe アイコン(openmoji:giraffe)は、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="#f4aa41" d="m19.88 8.127l.333 3.833l-3 1.125l-2.875 2.875l-.75 2.125l6.5-1s4.625 13.125 12.125 16.25c0 0-1.625 6.375 1.625 8.875l.75 11.375l-2.875 10.5l-2 3.209l2.387.03a2 2 0 0 0 1.598-.766l1.235-1.574a2 2 0 0 0 .378-.8l2.229-10.009q.048-.215.048-.435V42.835l1.5 1.625l3.5 9.25l1.75 10.375l-1.333 3.167l1.922-.104a2 2 0 0 0 1.68-1.102l.797-1.592a2 2 0 0 0 .17-1.296l-1.972-9.628a2 2 0 0 0-.033-.138l-2.606-9.307l3.125-.875l3-1.25s3.625 7.375 6.5 7.875l1 13.5l-1 3.875l1.136-.036a2 2 0 0 0 1.87-1.487l.486-1.84a2 2 0 0 0 .057-.7l-1.275-13.435a2 2 0 0 0-.11-.489l-1.04-2.888l-1.624-8.5l-1.125-3.625l-3.625-3.125l-7-.5l-5.875-3.875s-8.167-.791-13.917-13.541c0 0-.417-5.917-3.667-5.042"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="m29.876 66.27l1.938-2.312l2.75-10.187l-.625-11.5c-3.5-4-1.435-8.663-1.435-8.663c-9.875-5.25-12.065-16.4-12.065-16.4l-6.44.983c-.883 0-1.33-1.063-.713-1.694l2.778-2.289l1.187-1.687l2.625-.625l-.062-2.875m17.25 31.249s-.125 3 2.375 3.938l3.312 9.438l1.75 10.187l-1.312 2.438m.067-22.938H46.5s3.063-.562 3.375-3.937"/><path d="M49.126 41.565s.938 4.768 6.375 8.206l.813 13.79l-.5 2.71m2.375-18.813c-2.571-1.824-3.134-5.218-3.221-7.295a17.3 17.3 0 0 0-.68-4.184l-.1-.333c-1.895-5.4-8.663-4.21-12-5.563c-2.548-1.033-4.813-3.926-5.125-3.926c-8.087 0-14.175-12.3-14.175-12.3"/></g></svg>

Giraffe アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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