ICONYZ
日本語
theSVG の Animal Planet アイコン

Animal Planet アイコン

thesvg:animal-planet

Animal Planet アイコン(thesvg:animal-planet)は、theSVG セットの無料 SVG アイコンです(作者: thesvg.org)。 24 × 24 のグリッドで描かれています。 theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット
theSVG
作者
thesvg.org
ライセンス
MIT
サイズ
24 × 24
タグ
animalplanet
SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="m18.814 5.94l-.494.858c2.605.509 4.118 1.618 4.118 2.917c0 .865-.649 1.696-1.762 1.696c-1.699 0-2.949-2.673-2.949-2.673c-.356-.011-.993-.026-.993-.026s-1.822-2.342-4.595-3.168v3.798c.244.205.559.499.855.863c-1.252-.757-2.552-1.317-4.847-1.317c-2.496 0-5.547 1.007-7.242 3.763l.178.322c.773-.873 1.968-1.402 2.006-1.416C1.424 13.012.469 15.427 0 16.998l1.456 1.457a10.7 10.7 0 0 1 8.055-3.588c2.77 0 5.582 1.157 7.534 3.157l1.577-1.579c-1.324-2.263-2.924-3.861-2.972-3.909c.068.031 1.487.85 3.975.85c2.312 0 4.375-1.285 4.375-3.203c0-2.292-1.965-3.745-5.186-4.243"/></svg>

Animal Planet アイコンの使い方

React

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

<Icon icon="thesvg:animal-planet" width="24" />

Vue

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

<template>
  <Icon icon="thesvg:animal-planet" width="24" />
</template>

Svelte

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

<Icon icon="thesvg:animal-planet" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg--animal-planet]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/thesvg -->
<div class="i-thesvg:animal-planet"></div>

Web コンポーネント

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

<iconify-icon icon="thesvg:animal-planet"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/thesvg/animal-planet.svg" alt="Animal Planet アイコン" width="24" height="24">

他のアイコンセットの Animal Planet アイコン

Animal Planet アイコン のよくある質問

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

はい。theSVG icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

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