Turtle Neck アイコン
hugeicons:turtle-neck
Turtle Neck アイコン(hugeicons:turtle-neck)は、Huge Icons セットの無料 SVG アイコンです（作者: Hugeicons）。 24 × 24 のグリッドで描かれています。 Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Huge Icons
- 作者
- Hugeicons
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- turtleneck
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5"><path d="m6.962 13.06l-2.394 7.16c-.139.417-.209.625-.38.72c-.364.2-1.859-.132-2.117-.515c-.109-.162-.076-.377-.012-.807L3.616 9.192c.265-1.775.683-2.325 2.319-3.067L9 4.517V3.01c0-.832.175-1.005 1.008-1.005L13.992 2C14.825 2 15 2.173 15 3.005v1.507l3.065 1.613c1.636.742 2.054 1.292 2.32 3.067l1.556 10.426c.064.43.097.646-.012.807c-.258.383-1.753.715-2.116.515c-.172-.095-.242-.303-.381-.72l-2.394-7.16"/><path d="M6.5 10c.166.997.376 1.996.46 3.003c.19 2.312.04 4.68.04 6.997c0 1.655.345 2 2 2h6c1.655 0 2-.345 2-2c0-2.317-.15-4.685.04-6.997c.084-1.007.294-2.006.46-3.003M9 5a5 5 0 0 0 6 0"/></g></svg>Turtle Neck アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="hugeicons:turtle-neck" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="hugeicons:turtle-neck" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="hugeicons:turtle-neck" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[hugeicons--turtle-neck]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/hugeicons -->
<div class="i-hugeicons:turtle-neck"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="hugeicons:turtle-neck"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/hugeicons/turtle-neck.svg" alt="Turtle Neck アイコン" width="24" height="24">Huge Icons の関連アイコン
Turtle Neck アイコン のよくある質問
Turtle Neck アイコンは商用利用でも無料ですか?
はい。Huge Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Turtle Neck アイコンを使うには?
@iconify/react をインストールして <Icon icon="hugeicons:turtle-neck" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Turtle Neck アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/hugeicons/turtle-neck.svg" alt="Turtle Neck アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。