Zebra アイコン
openmoji:zebra
Zebra アイコン(openmoji:zebra)は、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 xmlns="http://www.w3.org/2000/svg" width="72" height="72" viewBox="0 0 72 72"><path fill="#fff" d="m10.254 20.669l1.75 1.417s-7.666 8-5.333 13.5l4.167-.167s1.833-3.75 6.333-4.75l1 3.333s4.167 3.667 4.333 3.917s2.667 4.167 2.667 4.167l3.417 1.666l.75 7.25l-1.167 10l2.5.75l1.25-.667l2.083-16.5l3.75.334l9.25-1.75l2.584-3.417l3.416 4.75l1.917 4.667l-.333 6.25l-1.25 3.25l-.834 2l1.5.75l1.667-.25l1.667-3.583l2.167-9.25l-2.084-4.334l2.667-4s2.333-7.5-1.583-11.667s-8-3.5-8-3.5l-7.834 1.75s-6.583-.083-6.833-.083s-4.917-.917-4.917-.917s.584-2.333-1.75-4.083s-13.333-4.917-13.333-4.917s-4.167.584-5.584 4.084"/><path fill="#d0cfce" d="m49.588 39.752l-2.584 3.417l1.25 6.25l-4.5 10.667s2.75 1.083 3.084 1.083s5.25-8.167 5.25-8.167s2.416-4.833.916-8.5s-3.416-4.75-3.416-4.75M13.275 22.586s3.438-4.438 17.063 4.166l.583-1.167l-1.75-4.083l-12.5-4.833s-7.115.838-5.75 4.25c.042.104 2.354 1.666 2.354 1.666"/><g fill="none" stroke="#000" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" stroke-width="2"><path d="M18.154 25.408s1.396 4.97-2.513 6.087s-4.858 3.742-4.858 3.742s-3.91 1.899-4.691-1.899s3.686-8.377 3.686-8.377l2.569-2.568l-1.955-1.676s2.877-5.42 8.275-3.242s10.667 4.36 10.667 4.36s2.056 1.73 1.665 4.187c0 0 8.068 2.094 17.856-.75a7.9 7.9 0 0 1 4.11-.059c2.371.588 5.63 2.12 7.073 6.115c2.402 6.645-3.015 12.677-3.015 12.677l1.954 4.635l-1.507 8.99l-1.8 3.093a1.13 1.13 0 0 1-.998.594h-1.05a1.134 1.134 0 0 1-.982-1.7l1.367-2.377a12.7 12.7 0 0 0 .259-9.284c-1.52-4.225-4.335-8.56-4.335-8.56s-3.072 7.289-12.713 4.42"/><path d="M19.093 33.647s.85 1.464 2.089 2.525c1.197 1.025 2.14 2.315 2.843 3.726c.815 1.635 2.245 3.47 4.628 3.827l.614 7.204s-.031 6.342-.943 9.217a.892.892 0 0 0 .847 1.17h1.95a.893.893 0 0 0 .893-.883l.437-9.224l.73-6.646s-.39-4.412.783-6.087m13.143 4.475s-.94 1.468 1.153 6.75c-.814 3.356-1.899 6.98-4.467 9.94c-.337.596.209 1.34.893 1.34h1.362c.777 0 1.49-.428 1.856-1.115l.803-1.51l2.43-5.423M62.43 27.251s4.97-1.452 3.182 14.576m-25.11-15.129s5.665 4.304 1.998 14.304m-5.409 2.83s2.546-6.7.465-12.617m9.857-5.557s3.67 5.594 1.004 10.51"/><path d="M24.988 40.824s2.888-8.448 0-13.948"/></g></svg>Zebra アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="openmoji:zebra" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="openmoji:zebra" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="openmoji:zebra" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[openmoji--zebra]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/openmoji -->
<div class="i-openmoji:zebra"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="openmoji:zebra"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/openmoji/zebra.svg" alt="Zebra アイコン" width="24" height="24">他のアイコンセットの Zebra アイコン
Zebra アイコン のよくある質問
Zebra アイコンは商用利用でも無料ですか?
はい。OpenMoji icons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。
React で Zebra アイコンを使うには?
@iconify/react をインストールして <Icon icon="openmoji:zebra" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Zebra アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/openmoji/zebra.svg" alt="Zebra アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。