Emoji Penguin アイコン

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

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

arcticons:emoji-penguin

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

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48
タグ: emojipenguin、penguin

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M22.537 7.957a1.122 1.122 0 0 1 0 2.243c-.631 0-1.134-.502-1.134-1.122s.503-1.121 1.134-1.121m2.466 10.131c-1.414 3.483-.62 11.02 1.636 14.619c.724.76 2.115.853 1.846-.608c.175 1.204 1.671 3.202 2.115 3.611c-1.437.701-8.846 2.653-12.2-2.734c-1.741-.713-4.791-12.983-.982-16.407c2.536 1.496 5.785 1.496 7.129-.152c-.176-2.828.923-3.272 2.208-3.272c1.566-.07 2.408 2.63 2.022 4.137c-.222 1.274-1.823 1.928-3.775.806Z"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M23.145 40.186c-.748 1.04-1.648 1.718-2.045 1.963c-.328.292-1.391.21-1.228-.49c-.724.63-2.325.63-1.904-.351c-.935.28-2.326-.129-.456-1.356l1.963-1.262c-1.203-.678-2.968-2.816-3.622-4.043c-.398-1.683-.398.163-1.029.187c-1.133.163-2.127-1.157-2.267-2.98c-.619-3.097-.187-6.112-.187-7.876c-.011-1.812.783-6.416 2.571-9.174c.526-.806.736-1.718.865-3.354c-.584-.385-2.676-.28-3.389-.233c-.678.035-1.765-.363-.035-1.776c2.103-1.613 4.078-1.882 4.931-1.882C18.891 5.701 21.45 5 23.098 5c2.64 0 5.294 1.437 6.182 3.015c1.94 2.863 1.834 5.89 1.834 7.619c4.417 6.918 4.5 12.165 4.581 14.245l.152 6.941c1.379 1.38.69 3.062-1.765 1.952c-1.075.456-2.629.654-3.646.981c-.093.982-1.168 2.162-2.512 2.969c-.538.432-1.332.339-1.356-.129c-.42.42-2.208.34-1.94-.339c-.7.257-1.974-.198-.689-1.04l1.017-.853"/><path fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M17.15 7.641c1.344.035 1.496.982 1.753 1.566c-.257.199-2.092.339-3.32.49c-1.46.164-3.19.667-3.844.737m3.915.935c1.414.327 2.77.76 3.26-.701c.094-.48.292-.888.035-1.367m.526 29.389c3.49 1.474 4.65 2.129 10.962 1.064"/></svg>

Emoji Penguin アイコンの使い方

React

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

<Icon icon="arcticons:emoji-penguin" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:emoji-penguin" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:emoji-penguin" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--emoji-penguin]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:emoji-penguin"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:emoji-penguin"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/emoji-penguin.svg" alt="Emoji Penguin アイコン" width="24" height="24">

Arcticons の関連アイコン

Emoji Penguin アイコンのよくある質問

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

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

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

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

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

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

Arcticons をすべて見る →