Freeshard アイコン
selfhst:freeshard
Freeshard アイコン(selfhst:freeshard)は、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"><linearGradient id="SVGkG4ZPcsn" x1="139.294" x2="139.294" y1="511.42" y2="379.437" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#018a52"/><stop offset=".5" stop-color="#1d77aa"/><stop offset="1" stop-color="#534c9f"/></linearGradient><path fill="url(#SVGkG4ZPcsn)" d="m128 376.5l45.2 90.3l-22.6 45.2l-45.2-90.4z"/><linearGradient id="SVGYWTedcJR" x1="150.407" x2="205.02" y1="275.407" y2="467.919" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#534c9f"/><stop offset=".5" stop-color="#1d77aa"/><stop offset="1" stop-color="#018a52"/></linearGradient><path fill="url(#SVGYWTedcJR)" d="m150.6 271.1l75.3 150.5l-22.6 45.2L128 316.2z"/><linearGradient id="SVGUepW0c9F" x1="372.706" x2="372.706" y1="377.461" y2="502.607" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#8bcdd4"/><stop offset=".493" stop-color="#1c799c"/><stop offset="1" stop-color="#263976"/></linearGradient><path fill="url(#SVGUepW0c9F)" d="m384 376.5l22.6 45.1l-45.2 90.4l-22.6-45.2z"/><linearGradient id="SVGMwxm1c3K" x1="335.059" x2="335.059" y1="513.04" y2="279.776" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1f5b83"/><stop offset=".507" stop-color="#1488a1"/><stop offset="1" stop-color="#8eccd4"/></linearGradient><path fill="url(#SVGMwxm1c3K)" d="m361.4 271.1l22.6 45.1l-75.3 150.6l-22.6-45.2z"/><linearGradient id="SVG5HWuOe4o" x1="308.722" x2="308.722" y1="151.191" y2="429.51" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#184b43"/><stop offset=".504" stop-color="#09697e"/><stop offset="1" stop-color="#028585"/></linearGradient><path fill="url(#SVG5HWuOe4o)" d="M361.4 210.8L256 421.6V150.4z"/><linearGradient id="SVGwKGHdbcK" x1="203.294" x2="203.294" y1="151.793" y2="424.44" gradientUnits="userSpaceOnUse"><stop offset=".004" stop-color="#4973b9"/><stop offset="1" stop-color="#2d9b89"/></linearGradient><path fill="url(#SVGwKGHdbcK)" d="M256 150.4v271.2L150.6 210.8z"/><linearGradient id="SVGiU6N5bCg" x1="225.944" x2="331.844" y1="15.415" y2="226.009" gradientUnits="userSpaceOnUse"><stop offset=".004" stop-color="#5bc6cc"/><stop offset="1" stop-color="#088ab5"/></linearGradient><path fill="url(#SVGiU6N5bCg)" d="M361.4 210.8L256 150.4V0z"/><linearGradient id="SVG3p6UXyPJ" x1="285.659" x2="180.298" y1="16.093" y2="226.012" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#bae3e8"/><stop offset="1" stop-color="#6fb7e5"/></linearGradient><path fill="url(#SVG3p6UXyPJ)" d="M256 0v150.4l-105.4 60.4z"/><linearGradient id="SVG9ef8Ecfh" x1="346.353" x2="346.353" y1="467.907" y2="272.142" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#1e4e84"/><stop offset=".994" stop-color="#1d9ac7"/></linearGradient><path fill="url(#SVG9ef8Ecfh)" d="m308.7 466.8l52.7-195.7l22.6 45.1z"/><linearGradient id="SVGlrsXadTk" x1="384" x2="384" y1="516.148" y2="378.967" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#0a8d79"/><stop offset="1" stop-color="#2b84c6"/></linearGradient><path fill="url(#SVGlrsXadTk)" d="M361.4 512L384 376.5l22.6 45.1z"/><linearGradient id="SVGyBTD6dvu" x1="165.647" x2="165.647" y1="272.489" y2="453.255" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#92d5da"/><stop offset=".493" stop-color="#2772ac"/><stop offset="1" stop-color="#283779"/></linearGradient><path fill="url(#SVGyBTD6dvu)" d="m203.3 466.8l-52.7-195.7l-22.6 45.1z"/><linearGradient id="SVGi1ACEbQR" x1="128" x2="128" y1="377.461" y2="502.607" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#92d5da"/><stop offset=".493" stop-color="#5b86c5"/><stop offset="1" stop-color="#224085"/></linearGradient><path fill="url(#SVGi1ACEbQR)" d="M150.6 512L128 376.5l-22.6 45.1z"/></svg>Freeshard アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:freeshard" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:freeshard" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:freeshard" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--freeshard]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:freeshard"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:freeshard"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/freeshard.svg" alt="Freeshard アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Freeshard アイコン のよくある質問
Freeshard アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Freeshard アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:freeshard" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Freeshard アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/freeshard.svg" alt="Freeshard アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。