Turtle アイコン

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

streamline-emojis:turtle

Turtle アイコン(streamline-emojis:turtle)は、Streamline Emojis セットの無料 SVG アイコンです（作者: Streamline）。 48 × 48 のグリッドで描かれています。 Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Streamline Emojis
作者: Streamline
ライセンス: CC-BY-4.0
サイズ: 48 × 48
カテゴリ: 動物・自然

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><path fill="#c8ffa1" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M42 33s2.94.69 4.5 0a4.59 4.59 0 0 1-5 3.5c-2.25-.13.5-3.5.5-3.5"/><path fill="#45413c" d="M7 42.5a19 1.5 0 1 0 38 0a19 1.5 0 1 0-38 0" opacity=".15"/><path fill="#c8ffa1" d="M17.5 23.5A7.5 7.5 0 0 0 10 16c-4.14 0-8.5 4.36-8.5 8.5S5.86 31 10 31h.5a7 7 0 0 0 7 7Z"/><path fill="#e4ffd1" d="M10.08 18.82a7.51 7.51 0 0 1 7.42 6.38v-1.7A7.5 7.5 0 0 0 10 16c-4.14 0-8.5 4.36-8.5 8.5a5.6 5.6 0 0 0 .22 1.55c.76-3.72 4.65-7.23 8.36-7.23"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M17.5 23.5A7.5 7.5 0 0 0 10 16c-4.14 0-8.5 4.36-8.5 8.5S5.86 31 10 31h.5a7 7 0 0 0 7 7Z"/><path fill="#ebcb00" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M41.58 37.31a17.6 17.6 0 0 0 .42-4.85c-.44-7.53-5.87-13.63-12.41-13.95C22.13 18.15 16 25 16 33.5a17.6 17.6 0 0 0 .42 3.81a1.1 1.1 0 0 0 .79.84c14.44 3.49 24.58-.24 23.58 0a1.1 1.1 0 0 0 .79-.84"/><path fill="#46b000" d="M42 34.1v-1.64c-.44-7.53-5.87-13.63-12.41-13.95C22.13 18.15 16 25 16 33.5v.15c2.16 1.18 6.43 2.85 13.43 2.85A29.2 29.2 0 0 0 42 34.1"/><path fill="#6dd627" d="M16.32 33.82c1.35-6.89 6.8-12 13.24-11.68c6 .29 11 5.43 12.18 12.07l.26-.11v-1.64c-.44-7.53-5.87-13.63-12.41-13.95C22.13 18.15 16 25 16 33.5v.15Z"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M42 34.1v-1.64c-.44-7.53-5.87-13.63-12.41-13.95C22.13 18.15 16 25 16 33.5v.15c2.16 1.18 6.43 2.85 13.43 2.85A29.2 29.2 0 0 0 42 34.1"/><path fill="#c8ffa1" d="M19 31.5a4 4 0 0 0-4 4l-.42 5.42a1 1 0 0 0 1 1.08h6a1 1 0 0 0 1-.92L23 35.5a4 4 0 0 0-4-4"/><path fill="#e4ffd1" d="M18.79 34.61a4.13 4.13 0 0 1 4 3.23L23 35.5a4 4 0 0 0-8 0l-.16 2a4.13 4.13 0 0 1 3.95-2.89"/><path fill="#c8ffa1" d="M43.42 40.92L43 35.5a4 4 0 0 0-8 0l.43 5.58a1 1 0 0 0 1 .92h6a1 1 0 0 0 .99-1.08"/><path fill="#e4ffd1" d="M39.21 34.61a4.13 4.13 0 0 0-4 3.23L35 35.5a4 4 0 0 1 8 0l.16 2a4.13 4.13 0 0 0-3.95-2.89"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M19 31.5a4 4 0 0 0-4 4l-.42 5.42a1 1 0 0 0 1 1.08h6a1 1 0 0 0 1-.92L23 35.5a4 4 0 0 0-4-4m24.42 9.42L43 35.5a4 4 0 0 0-8 0l.43 5.58a1 1 0 0 0 1 .92h6a1 1 0 0 0 .99-1.08"/><path fill="#45413c" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M8.5 21.42a1.08 1.08 0 1 0 2.16 0a1.08 1.08 0 1 0-2.16 0"/><path fill="#9ceb60" d="M14.5 25.31A1.32 1.32 0 1 1 13.19 24a1.32 1.32 0 0 1 1.31 1.31"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M3.83 29s4 .59 5.17-2.53m11.93-4.73s2.32 3.82 3.57 3.88s2.69-1.94 4.5-1.94s3.75 3 4.88 2.82s4.44-3.41 4.44-3.41m-9.32.59v-5.17"/><path fill="none" stroke="#45413c" stroke-linecap="round" stroke-linejoin="round" d="M24.5 25.62A16.9 16.9 0 0 0 22.11 33m11.77-6.5a19.3 19.3 0 0 1 1.88 6.66m-13.1.72a38 38 0 0 0 12.6.2"/></svg>

Turtle アイコンの使い方

React

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

<Icon icon="streamline-emojis:turtle" width="24" />

Vue

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

<template>
  <Icon icon="streamline-emojis:turtle" width="24" />
</template>

Svelte

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

<Icon icon="streamline-emojis:turtle" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[streamline-emojis--turtle]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/streamline-emojis -->
<div class="i-streamline-emojis:turtle"></div>

Web コンポーネント

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

<iconify-icon icon="streamline-emojis:turtle"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/streamline-emojis/turtle.svg" alt="Turtle アイコン" width="24" height="24">

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

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

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

はい。Streamline Emojis icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

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

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

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

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

Streamline Emojis アイコンをすべて見る →