Honkai Star Rail アイコン

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

はい。Arcticons は CC BY-SA 4.0 ライセンス で公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

arcticons:honkai-star-rail

Honkai Star Rail アイコン(arcticons:honkai-star-rail)は、Arcticons セットの無料 SVG アイコンです（作者: Donnnno）。 48 × 48 のグリッドで描かれています。 Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Arcticons
作者: Donnnno
ライセンス: CC-BY-SA-4.0
サイズ: 48 × 48
タグ: honkaistar、starrail、honkaistarrail

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="48" height="48" viewBox="0 0 48 48"><g fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round"><path d="M16.657 8.68c-.24 6.282-.063 7.41.718 9.01c1.747 3.581 4.226 3.828 4.226 3.828s-1.754-3.227-1.924-4.58c0 0 2.82 4.569 5.867 4.343c0 0-1.382-.959-1.692-3.554s.113-3.61.113-3.61"/><path d="M16.518 14.173s-2.077 3.805-1.107 6.818c0 0-2.098-1.217-2.211-2.346c0 0-.054 2.467-.45 2.974m10.481-10.661s1.072 5.303 4.175 6.995c0 0-1.016-3.78-.847-5.303c0 0 1.187 3.851 6.375 4.682c0 0 1.374 3.256-1.52 8.378c0 0 2.406-.714 3.039-2.18m3.836-3.504s1.583 4.076.173 7.517c0 0 1.861-1.258 2.425-5.94m-6.656 2.611s.282 3.724-1.805 5.924c0 0 4.57-1.41 5.923-10.831m3.949 0s-1.185.225-4.457-1.636c0 0-2.933-1.076-4.287-1.753c0 0-5.083-.79-3.112-2.651c0 0 2.266-.842 4.297.737c0 0 1.185.903 4.174-.056"/><path d="M31.693 5.599s4.907 5.98 5.528 8.518m.282-6.149s-.733-1.466-1.467-2.03m-23.918 6.543s-2.256 11.903 4.795 13.708c0 0-3.046 2.764-5.923-2.257m-2.933-4.005s-.452 10.098 3.046 10.888c0 0-.846-.621-1.016-4.288"/><path d="M13.416 27.035s.488 2.511 2.067 4.09c0 0-3.694-.254-5.16-3.131m4.164-3.836s1.354-2.651 5.077-1.862m6.206-2.651s3.384-4.456 6.487.339m-.847-1.354l.96-.62m-2.482-.508l.225-.734m-3.948 1.862l-.395-.508m-10.224 4.334l-.837-.475m-.165 1.669l-.79-.056m7.672 4.569s2.482-1.749 5.641-1.24c0 0 .004 2.84-2.017 3.407c-1.93.543-2.778-.644-3.624-2.167m1.749-4.4l.056 1.072h0"/><path d="M26.22 19.645s.477 2.536 1.667 3.279c.519.324 1.703.593 2.427-.111c.517-.504 1.419-2.346 1.475-2.797m-16.85 7.357s2.223 3.918 4.343 4.908c2.177 1.017 5.175 1.933 5.98 1.862c1.519-.135.976.512 5.302-3.78c0 0 1.507-1.43 2.37-4.005l.182-1.169m4.563-17.068l.883-.098M11.277 5.667S8.038 7.63 7.35 14.108c0 0-.589 1.276-1.57 2.454m0 2.552s1.571 0 2.749-2.16M21.79 33.501s.372 1.34.447 1.86m7.44-3.943s.15 2.753.298 3.125m-13.616-4.539s1.637 4.91 1.34 7.366h-2.233s.075-5.431.075-7.366M6.91 18.918S6.314 21 5.793 21.076m2.158 3.422s-.818 1.414-2.009 2.01m2.456 1.014s-.968 4.417-2.605 4.789m3.349.521s-3.428 3.815-.899 9.247c0 0 .229-1.36 1.791-3.146c1.563-1.786 2.084-2.753 2.456-3.423c0 0-.91 3.99.058 5.479"/><path d="M5.496 34.468s2.009.596 3.422-1.265m4.768-2.338s-1.568 1.297-2.015 2.413l1.946 1.477s1.025-2.12 1.397-3.385m25.898-4.788s.298 1.19 1.488 2.306m-7.663.819s.818 3.496 2.455 3.348m-15.83 4.652s.239-.798-.24-2.154c0 0 7.656.4 9.968-1.435c0 0-.08 1.515.4 2.233c0 0-3.59 2.791-10.128 1.356"/><path d="M42.095 29.413s-2.392-.877-3.668 2.392c0 0-2.392 3.03-3.11 3.11"/><path d="M29.336 42.411s3.668-4.465 4.147-6.778c.478-2.313 1.834-2.552 2.87-1.754m-15.39 4.067s-2.472 1.914-7.177 3.19"/><path d="M31.649 35.872s1.116.399 1.595.32m1.116 6.14s.638-3.43.399-4.945M9.08 42.172s3.031-.638 3.988-1.276s.479.798 1.675 1.276"/><path d="M38.504 5.5h-29a4 4 0 0 0-4 4v29a4 4 0 0 0 4 4h29a4 4 0 0 0 4-4v-29a4 4 0 0 0-4-4m-10.71 14.215l.08.554"/></g></svg>

Honkai Star Rail アイコンの使い方

React

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

<Icon icon="arcticons:honkai-star-rail" width="24" />

Vue

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

<template>
  <Icon icon="arcticons:honkai-star-rail" width="24" />
</template>

Svelte

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

<Icon icon="arcticons:honkai-star-rail" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[arcticons--honkai-star-rail]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/arcticons -->
<div class="i-arcticons:honkai-star-rail"></div>

Web コンポーネント

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

<iconify-icon icon="arcticons:honkai-star-rail"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/arcticons/honkai-star-rail.svg" alt="Honkai Star Rail アイコン" width="24" height="24">

Arcticons の関連アイコン

Honkai Star Rail アイコンのよくある質問

Honkai Star Rail アイコンは商用利用でも無料ですか?

はい。Arcticons は CC BY-SA 4.0 ライセンスで公開されています。作者のクレジットを表記し、アイコンへの変更を同じライセンスで共有すれば、個人・商用プロジェクトで利用できます。

React で Honkai Star Rail アイコンを使うには?

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

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

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

Arcticons をすべて見る →