Cypht アイコン
selfhst:cypht
Cypht アイコン(selfhst:cypht)は、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="#80b441" d="M172.8 454h320.6v28.5C459.1 502.1 409.7 512 345 512c-69.7 0-127.1-19.4-172.2-58m109.3-94.1c-.3-.3-.6-.7-.9-1H106.4c10.7 29.6 27.5 56.5 49.4 79.1h337.6v-76.5c-36.2 23.6-73.2 35.4-110.9 35.4c-42.6-.1-76.1-12.4-100.4-37m-36.4-96.4H91.5v4.4c-.2 25.3 3.1 50.5 9.7 74.9h167.1c-14.3-21.4-21.8-47.8-22.6-79.3M92 247.5h153.9c1.5-31.6 9.9-58 25.1-79.3H106.2c-8.2 25.7-13 52.3-14.2 79.3m20-95.3H18.5c12-29.9 30.1-56.9 53.3-79.3h421.6v77.7c-30.5-23.1-67.8-35.6-106.1-35.4c-12.5-.1-24.9 1.1-37.2 3.5c-11.9 2.4-23.3 6.2-34.2 11.6h.1c-11.4 5.6-21.8 13-30.9 21.8H112zM493.4 22.9C467.5 7.6 425.5 0 367.6 0c-74.7 0-136.1 19-184 57h309.8z"/></svg>Cypht アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="selfhst:cypht" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="selfhst:cypht" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="selfhst:cypht" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--cypht]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:cypht"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="selfhst:cypht"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/selfhst/cypht.svg" alt="Cypht アイコン" width="24" height="24">selfh.st/icons の関連アイコン
Cypht アイコン のよくある質問
Cypht アイコンは商用利用でも無料ですか?
はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Cypht アイコンを使うには?
@iconify/react をインストールして <Icon icon="selfhst:cypht" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Cypht アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/selfhst/cypht.svg" alt="Cypht アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。