Grapheneos アイコン
selfhst:grapheneos
Grapheneos アイコン(selfhst:grapheneos)は、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
- タグ
- grapheneo
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#64b5f6" d="m148.3 154.5l73.8-42c-1.4-4.1-2.3-8.3-2.3-13c0-17.8 13-32.5 30-35.6V0h12.4v63.9c17 3.1 30 17.8 30 35.6c0 4.6-1 8.9-2.5 13l74 42c2.7-3.1 6-5.8 9.7-8.1c15.5-8.9 34.9-5 45.9 8.1l55.4-32l6.2 10.8l-55.4 32c6 16.3-.4 34.9-15.9 43.8c-3.5 1.9-7 3.3-10.7 4.1v85.6c3.7.8 7.2 2.1 10.7 4.1c15.5 8.9 21.9 27.5 15.9 43.8l55.4 32l-6.2 10.8l-55.4-32c-11 13.2-30.4 17-45.9 8.1c-3.7-2.3-7-5-9.7-8.1c-24.6 13.9-49.2 28.1-74 42c1.5 4.1 2.5 8.3 2.5 13c0 17.8-13 32.5-30 35.6V512h-12.4v-63.9c-17-3.1-30-17.8-30-35.6c0-4.6 1-8.9 2.3-13l-73.8-42c-2.7 3.1-6 5.8-9.7 8.1c-15.5 8.9-34.9 5-45.9-8.1l-55.4 32l-6.2-10.8l55.4-32c-6-16.3.4-34.9 15.9-43.8c3.5-1.9 7-3.3 10.7-4.1v-85.6c-3.7-.8-7.2-2.1-10.7-4.1c-15.5-8.9-21.9-27.5-15.9-43.8l-55.4-32l6.2-10.8l55.4 32c11-13.2 30.4-17 45.9-8.1c3.7 2.3 7 5 9.7 8.1m209.2 192.1c-3.5-9.7-2.9-20.9 2.7-30.4c5.8-10.1 15.7-16.3 26.3-17.8v-84.8c-10.7-1.5-20.5-7.7-26.3-17.8c-5.6-9.5-6.2-20.7-2.7-30.4l-74-42.2c-6.8 7.7-16.5 12.6-27.5 12.6s-20.7-4.8-27.5-12.6l-74 42.2c3.5 9.7 2.9 20.9-2.7 30.4c-5.8 10.1-15.7 16.3-26.3 17.8v84.8c10.7 1.5 20.5 7.7 26.3 17.8c5.6 9.5 6.2 20.7 2.7 30.4l74 42.2c6.8-7.7 16.5-12.6 27.5-12.6s20.7 4.8 27.5 12.6z"/></svg>Grapheneos アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:grapheneos" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:grapheneos" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:grapheneos" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--grapheneos]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:grapheneos"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:grapheneos"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/grapheneos.svg" alt="Grapheneos アイコン" width="24" height="24">selfh.st/icons の関連アイコン
他のアイコンセットの Grapheneos アイコン
Grapheneos アイコン のよくある質問
Grapheneos アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Grapheneos アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:grapheneos" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Grapheneos アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/grapheneos.svg" alt="Grapheneos アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。