Orca アイコン
twemoji:orca
Orca アイコン(twemoji:orca)は、Twitter Emoji セットの無料 SVG アイコンです（作者: Twitter）。 36 × 36 のグリッドで描かれています。 Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Twitter Emoji
- 作者
- ライセンス
- CC-BY-4.0
- サイズ
- 36 × 36
- カテゴリ
- 動物・自然
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="36" height="36" viewBox="0 0 36 36"><path fill="#31373d" d="M9.49 25.76c-.18-.28-.3-.85.03-.78c.81.16 3.66.14 5.1.58c1.62.49 3.06 2.14 4.04 2.04c2.61-.28 5.74-2.56 5.35-4.29c-.54-2.36-3.32-3.84-5.05-3.94c-2.36-.14-8.16 1.71-10.96 2.48c-1.3.36-4.17.55-5.4.01c-1.11-.49-2.88-1.41-2.57-4.02c.14-1.24 1.24-2.26 1.24-2.26c0 .01-1.03-9.95 11.4-12.64c3.22-.7 5.75-.63 8.35-.04c.59.14 1.09.26 1.47.01C28.53-.97 32.2-.15 33.7.75c.27.16.62.56.37.8c-.33.31-1.27-.33-2.76 2.05c-.56.89-.5 1.82-.48 2.62c.01.65.15 1.8.73 2.54c.52.68.92 1.13 1.29 1.66c2.49 3.61 4.74 9.27 1.72 14.56c-4.8 8.39-14.19 6.77-14.64 6.56c-.65-.29-1.14 1.08-3.38 2.45c-1.54.93-4.38 1.53-5.33 1.99c-.26.13-.3-.6-.16-.85c.82-1.41 3.12-4.03 2.91-5.21c-.19-1.06-3.58-2.8-4.45-4.17Z"/><path fill="#c3cee0" d="M2.61 21.86c1.23.54 4.1.34 5.4-.01c2.8-.77 8.59-2.62 10.96-2.48c1.72.1 4.51 1.57 5.05 3.94a1.6 1.6 0 0 1 .02.51c.05-.43 0-1.44-.11-1.91c-.17-.74-.4-1.32-.08-1.37c.53-.08 1.49.55 2.18 1.31c.56.61 1.24 1.83 1.95 1.52c.95-.41 2.94-4.01-2.03-6.37c-1.41-.67-3.33-.83-5-.08c-1.23.55-1.56.99-3.69 1.1c-2.86.15-3.99-1.71-7.02-1.48c-2.91.22-5.2 2.03-5.2 2.03s-.45.93-1.93 1.39c-1.11.35-2.22.29-2.63.25c.55.89 1.46 1.35 2.13 1.65"/><path fill="#31373d" d="M21.51 17.57c.47 1.52-.1 2.48-.08 3.99c.02 1.57 1.03 2.97.36 3.49c-1.25.98-5.2-3.13-5.58-5.09c-.65-3.24.47-5.47 2.71-5.66c1.47-.13 1.76.6 2.58 3.27Z"/><path fill="#c3cee0" d="M10.97 10.72c.56 2.65-1.6 3.05-2.89 3.56c-1.65.64-2.62 2.9-3.6 2.83c-1.71-.1-2.23-3 .07-6.13c1.99-2.72 5.89-2.85 6.43-.26Z"/><path d="M4.31 17.22c.62 0 1.13-.49 1.13-1.09s-.51-1.09-1.13-1.09s-1.13.49-1.13 1.09s.51 1.09 1.13 1.09"/><path fill="#8496af" d="M4.07 15.61c.09.02.16-.04.37.03c.21.06.25.14.32.18c.05.02.13-.02.15-.14c.02-.16-.19-.27-.36-.32c-.16-.05-.38-.06-.47.02c-.07.07-.13.21 0 .24Z"/></svg>Orca アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="twemoji:orca" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="twemoji:orca" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="twemoji:orca" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[twemoji--orca]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/twemoji -->
<div class="i-twemoji:orca"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="twemoji:orca"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/twemoji/orca.svg" alt="Orca アイコン" width="24" height="24">他のアイコンセットの Orca アイコン
Orca アイコン のよくある質問
Orca アイコンは商用利用でも無料ですか?
はい。Twitter Emoji icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Orca アイコンを使うには?
@iconify/react をインストールして <Icon icon="twemoji:orca" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Orca アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/twemoji/orca.svg" alt="Orca アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。