Cyberhaven アイコン
selfhst:cyberhaven
Cyberhaven アイコン(selfhst:cyberhaven)は、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
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#1d1d1d" d="M280.4 512c-69.7 0-135-24.2-183.8-68.2c-49-44.1-78.1-105.2-82-171.9c-.5-9.4 6.7-17.4 16.2-18s17.6 6.6 18.1 16c3.4 57.8 28.5 110.6 70.8 148.7c42.4 38.3 99.5 59.4 160.6 59.4c69.8 0 130.6-27.7 170-76.8c1.3-1.6.9-4-.9-5.1l-79.8-51.8c-2.2-1.4-5-1.3-7 .4c-25.2 21.4-65.2 36.6-97.4 36.6c-106.7 0-189.1-80-191.7-186.1c-1.2-47.1 16.4-93 49.5-129.3c33-36.2 77.8-59 126.2-64.2C350.2-9 443 32.1 491.6 109l4.3 6.8c2.6 4 1.4 9.4-2.7 12L383.6 199s-7.8 5.3-9.6 6.6c-6.8 5-16.3 4.3-22.3-1.6c-3.2-3.2-12.4-12.1-16.1-15.2c-13.5-11.6-29.4-18.8-45.9-21q-10.5-1.35-21 0c-39.9 5-72.8 37.1-78.4 76.3c-1.3 9-9.5 15.7-18.6 14.9c-9.8-.9-16.8-9.7-15.4-19.3c7.6-54.3 53.1-98.8 108.2-105.7c9.8-1.2 19.8-1.2 29.7.1c23.3 3 45.4 13.1 64 29c1.1 1 2.5 2.2 4.1 3.6c2 1.8 5 2.1 7.2.6l80.3-52c1.7-1.1 2.1-3.5.9-5.1C406.6 55.4 332.9 27 253 35.5c-40 4.3-77.1 23.2-104.4 53.2c-27.2 29.8-41.6 67.4-40.7 105.7c2.2 88.6 68.4 152.9 157.4 152.9c25.3 0 59.5-13.6 77.9-31l1.1-.9c1.4-1.1 5.8-5.1 8.5-7.5c5.8-5.3 14.6-6 21.2-1.6c0 0 9.1 6.1 9.9 6.6L493 383.7c4.1 2.7 5.3 8.2 2.7 12.3l-4.3 6.7c-44 68.4-122.9 109.3-211 109.3"/></svg>Cyberhaven アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:cyberhaven" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:cyberhaven" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:cyberhaven" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--cyberhaven]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:cyberhaven"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:cyberhaven"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/cyberhaven.svg" alt="Cyberhaven アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Cyberhaven アイコン のよくある質問
Cyberhaven アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Cyberhaven アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:cyberhaven" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cyberhaven アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/cyberhaven.svg" alt="Cyberhaven アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。