Skull 1 Outline アイコン

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

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

glyphs:skull-1-outline

Skull 1 Outline アイコン(glyphs:skull-1-outline)は、Glyphs セットの無料 SVG アイコンです（作者: Goran Spasojevic）。 80 × 80 のグリッドで描かれています。 Glyphs icons は MIT ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Glyphs
作者: Goran Spasojevic
ライセンス: MIT
サイズ: 80 × 80
タグ: skulloutline

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="80" height="80" viewBox="0 0 80 80"><g fill="none" fill-rule="evenodd" clip-rule="evenodd"><path fill="currentColor" fill-opacity=".25" d="M32.89 28.768a7.196 7.196 0 1 0-7.197 12.464a7.196 7.196 0 0 0 7.197-12.464m-5.197 3.464a3.196 3.196 0 1 1 3.197 5.535a3.196 3.196 0 0 1-3.197-5.535m20-3.464a7.196 7.196 0 1 1 7.197 12.464a7.196 7.196 0 0 1-7.197-12.464m5.197 3.464a3.196 3.196 0 1 0-3.197 5.535a3.196 3.196 0 0 0 3.197-5.535M42.024 40a2 2 0 0 0-3.465 0l-5.196 9a2 2 0 0 0 1.732 3h10.393a2 2 0 0 0 1.732-3zm-1.733 5l1.733 3h-3.465z"/><path fill="currentColor" fill-opacity=".25" d="M40.292 70a7.98 7.98 0 0 0 6-2.708a8 8 0 0 0 14-5.292v-6.758a25.24 25.24 0 0 0 4.486-32.027l-.203-.327A26.22 26.22 0 0 0 50.7 11.891l-1.037-.35a29.27 29.27 0 0 0-18.746 0l-1.036.35a26.23 26.23 0 0 0-13.874 10.997l-.203.327a25.236 25.236 0 0 0 4.486 32.027V62a8 8 0 0 0 14 5.292a7.98 7.98 0 0 0 6 2.708m-8.093-54.67a25.28 25.28 0 0 1 16.185 0l1.036.35A22.23 22.23 0 0 1 61.178 25l.203.327a21.236 21.236 0 0 1-4.376 27.475a2 2 0 0 0-.714 1.531V62a4 4 0 1 1-8 0a2 2 0 0 0-4 0a4 4 0 1 1-8 0a2 2 0 0 0-4 0a4 4 0 1 1-8 0v-7.667a2 2 0 0 0-.713-1.531a21.236 21.236 0 0 1-4.376-27.475l.203-.327a22.22 22.22 0 0 1 11.758-9.32z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M32.89 28.768a7.196 7.196 0 1 0-7.197 12.464a7.196 7.196 0 0 0 7.197-12.464m-5.197 3.464a3.196 3.196 0 1 1 3.197 5.535a3.196 3.196 0 0 1-3.197-5.535m20-3.464a7.196 7.196 0 1 1 7.197 12.464a7.196 7.196 0 0 1-7.197-12.464m5.197 3.464a3.196 3.196 0 1 0-3.197 5.535a3.196 3.196 0 0 0 3.197-5.535M42.024 40a2 2 0 0 0-3.465 0l-5.196 9a2 2 0 0 0 1.732 3h10.393a2 2 0 0 0 1.732-3zm-1.733 5l1.733 3h-3.465z"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" d="M40.292 70a7.98 7.98 0 0 0 6-2.708a8 8 0 0 0 14-5.292v-6.758a25.24 25.24 0 0 0 4.486-32.027l-.203-.327A26.22 26.22 0 0 0 50.7 11.891l-1.037-.35a29.27 29.27 0 0 0-18.746 0l-1.036.35a26.23 26.23 0 0 0-13.874 10.997l-.203.327a25.236 25.236 0 0 0 4.486 32.027V62a8 8 0 0 0 14 5.292a7.98 7.98 0 0 0 6 2.708m-8.093-54.67a25.28 25.28 0 0 1 16.185 0l1.036.35A22.23 22.23 0 0 1 61.178 25l.203.327a21.236 21.236 0 0 1-4.376 27.475a2 2 0 0 0-.714 1.531V62a4 4 0 1 1-8 0a2 2 0 0 0-4 0a4 4 0 1 1-8 0a2 2 0 0 0-4 0a4 4 0 1 1-8 0v-7.667a2 2 0 0 0-.713-1.531a21.236 21.236 0 0 1-4.376-27.475l.203-.327a22.22 22.22 0 0 1 11.758-9.32z"/></g></svg>

Skull 1 Outline アイコンの使い方

React

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

<Icon icon="glyphs:skull-1-outline" width="24" />

Vue

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

<template>
  <Icon icon="glyphs:skull-1-outline" width="24" />
</template>

Svelte

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

<Icon icon="glyphs:skull-1-outline" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[glyphs--skull-1-outline]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/glyphs -->
<div class="i-glyphs:skull-1-outline"></div>

Web コンポーネント

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

<iconify-icon icon="glyphs:skull-1-outline"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/glyphs/skull-1-outline.svg" alt="Skull 1 Outline アイコン" width="24" height="24">

Glyphs の関連アイコン

Skull 1 Outline アイコンのよくある質問

Skull 1 Outline アイコンは商用利用でも無料ですか?

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

React で Skull 1 Outline アイコンを使うには?

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

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

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

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