Nasa Worm アイコン
selfhst:nasa-worm
Nasa Worm アイコン(selfhst:nasa-worm)は、selfh.st/icons セットの無料 SVG アイコンです（作者: selfh.st）。 512 × 512 のグリッドで描かれています。 selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- selfh.st/icons
- 作者
- selfh.st
- ライセンス
- CC-BY-4.0
- サイズ
- 512 × 512
- タグ
- nasaworm
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#db362d" d="M92.7 290.1c1.6 6 4.1 8.3 8.7 8.3c4.7 0 7.2-2.8 7.2-8.3V187.8H138v102.3c0 14.4-1.9 20.7-9.2 28c-5.3 5.3-15 9.3-27.2 9.3c-9.9 0-19.4-3.3-25.4-9.3c-5.3-5.3-8.2-10.8-12.8-28l-18-68.2c-1.6-6-4.1-8.3-8.7-8.3c-4.7 0-7.2 2.8-7.2 8.3v102.3H0V221.9c0-14.4 1.9-20.7 9.2-28c5.3-5.3 15-9.3 27.2-9.3c9.9 0 19.4 3.3 25.4 9.3c5.3 5.3 8.2 10.8 12.8 28zm388.9 34.1l-34-106.2c-.4-1.2-.7-2.2-1.3-2.8c-.9-1.1-2.2-1.7-4-1.7c-1.7 0-3 .6-4 1.7c-.5.7-.9 1.7-1.3 2.8l-34 106.2h-30.4l37.1-116c1.9-6 4.7-11.2 8.2-14.6c6-5.9 13.1-8.9 24.3-8.9s18.3 3.1 24.3 8.9c3.5 3.4 6.3 8.6 8.2 14.6l37.1 116zm-150.3 0c19.3 0 28.7-4.1 36.1-11.5c8.2-8.2 12.1-17.1 12.1-30.4c0-11.8-4.3-22.7-10.9-29.2c-8.6-8.5-19.3-11.2-36.7-11.2h-24.4c-9.3 0-13-1.1-16-4c-2-2-3-4.9-3-8.4c0-3.6.9-7.1 3.3-9.5c2.2-2.1 5.2-3.1 10.9-3.1h70.4V188h-65c-19.3 0-28.7 4.1-36.1 11.5c-8.2 8.2-12.1 17.1-12.1 30.4c0 11.8 4.3 22.7 10.9 29.2c8.6 8.5 19.3 11.2 36.7 11.2h24.4c9.3 0 13 1.1 16 4c2 2 3 4.9 3 8.4c0 3.6-.9 7.1-3.3 9.5c-2.2 2.1-5.2 3.1-10.9 3.1h-72.6l-27.9-87.2c-1.9-6-4.7-11.2-8.2-14.6c-6-5.9-13.1-8.9-24.3-8.9s-18.3 3.1-24.3 8.9c-3.5 3.4-6.3 8.6-8.2 14.6l-37.1 116h30.4l34-106.2c.4-1.2.7-2.2 1.3-2.8c.9-1.1 2.2-1.7 4-1.7c1.7 0 3 .6 4 1.7c.5.7.9 1.7 1.3 2.8l34 106.2z"/></svg>Nasa Worm アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:nasa-worm" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:nasa-worm" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:nasa-worm" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--nasa-worm]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:nasa-worm"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:nasa-worm"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/nasa-worm.svg" alt="Nasa Worm アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Nasa Worm アイコン のよくある質問
Nasa Worm アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Nasa Worm アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:nasa-worm" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Nasa Worm アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/nasa-worm.svg" alt="Nasa Worm アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。