Cachyos アイコン

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

はい。selfh.st/icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

selfhst:cachyos

Cachyos アイコン(selfhst:cachyos)は、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
タグ: cachyo

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#0a8" d="m109 66.1l181.4 101.7l58.2-100.7zm57.5 282.8l-52.6 103.3H350l59.6-103.3z"/><path fill="#0cf" d="m109 66.1l181.4 101.7H165.8l-51.9 89.9l52.6 91.2l-52.6 103.3L0 255z"/><linearGradient id="SVGCgHH1cat" x1="1828.449" x2="1723.143" y1="-1644.072" y2="-1842.479" gradientTransform="matrix(.2742 0 0 -.2742 -282.666 -370.143)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#020202"/><stop offset="1" stop-color="#020202" stop-opacity="0"/></linearGradient><path fill="url(#SVGCgHH1cat)" d="M290.4 167.8L109 66.1L95.2 91l137.5 76.3z"/><linearGradient id="SVGHGanvejC" x1="2072.713" x2="1965.01" y1="-1971.78" y2="-1776.069" gradientTransform="matrix(.2742 0 0 -.2742 -284.784 -375.954)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#020202"/><stop offset="1" stop-color="#020202" stop-opacity="0"/></linearGradient><path fill="url(#SVGHGanvejC)" d="M162.1 160.5L344.9 59.8l-58.2 100.7z"/><path fill="#0a8" d="M165.8 167.8L348.6 67.1l-58.2 100.7zM0 255l165.8-87.1l-51.9 89.9z"/><linearGradient id="SVGRv8T2dPM" x1="1395.75" x2="1312.594" y1="-2235.237" y2="-2083.206" gradientTransform="matrix(.2742 0 0 -.2742 -282.666 -370.143)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#020202"/><stop offset="1" stop-color="#020202" stop-opacity="0"/></linearGradient><path fill="url(#SVGRv8T2dPM)" d="m0 255l165.8-87.1l-11.2-17.5l-142.9 82.8z"/><path fill="#0a8" d="M165.8 167.8L109 66.1l4.9 191.6z"/><path fill="#0cf" d="m166.5 348.9l183.4 103.3l59.6-103.3z"/><linearGradient id="SVGNP9GFcwc" x1="1523.059" x2="1405.27" y1="-1941.005" y2="-1940.311" gradientTransform="matrix(.2742 0 0 -.2742 -282.666 -370.143)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#020202"/><stop offset="1" stop-color="#020202" stop-opacity="0"/></linearGradient><path fill="url(#SVGNP9GFcwc)" d="M109 66.1L95.2 91l1.4 166l17.3.8z"/><path fill="#0a8" d="m113.9 257.8l-87 43.6l86.9 150.9z"/><linearGradient id="SVGzLmcEeeV" x1="1359.453" x2="1487.342" y1="-2644.657" y2="-2644.502" gradientTransform="matrix(.2742 0 0 -.2742 -282.666 -370.143)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#020202"/><stop offset="1" stop-color="#020202" stop-opacity="0"/></linearGradient><path fill="url(#SVGzLmcEeeV)" d="M113.9 257.8v194.5l21.3-41.6l1.6-114z"/><linearGradient id="SVGslX00bkr" x1="1303.298" x2="1278.312" y1="-2405.634" y2="-2356.67" gradientTransform="matrix(.2742 0 0 -.2742 -282.666 -370.143)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#020202"/><stop offset="1" stop-color="#020202" stop-opacity="0"/></linearGradient><path fill="url(#SVGslX00bkr)" d="m26.9 301.4l87-43.6l-17.3-.8l-75.4 36z"/><path fill="#0a8" d="M26.9 301.4L166.5 349l-52.6-91.2z"/><linearGradient id="SVG4T76xhXh" x1="1441.321" x2="1370.702" y1="-2348.393" y2="-2577.752" gradientTransform="matrix(.2742 0 0 -.2742 -282.666 -370.143)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#020202"/><stop offset="1" stop-color="#020202" stop-opacity="0"/></linearGradient><path fill="url(#SVG4T76xhXh)" d="M166.5 348.9L26.9 301.4l15.2 26.2l114.7 41.7z"/><linearGradient id="SVGGCYG3cts" x1="1927.039" x2="1990.649" y1="-2889.25" y2="-2779.809" gradientTransform="matrix(.2742 0 0 -.2742 -282.666 -370.143)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#020202"/><stop offset="1" stop-color="#020202" stop-opacity="0"/></linearGradient><path fill="url(#SVGGCYG3cts)" d="m166.5 348.9l183.4 103.3l22-39.1l-118-65.2z"/><circle cx="472.3" cy="310.3" r="39.2" fill="#0cf"/><linearGradient id="SVGo1r8Lc7B" x1="3885.035" x2="3860.497" y1="-3121.827" y2="-3497.463" gradientTransform="matrix(.1676 0 0 -.1676 -175.186 -262.77)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#008066" stop-opacity="0"/><stop offset="1" stop-color="#0fc"/></linearGradient><circle cx="472.8" cy="309.9" r="39.2" fill="url(#SVGo1r8Lc7B)"/><circle cx="371.8" cy="227.8" r="29.8" fill="#0cf"/><linearGradient id="SVGihs6Kdgq" x1="4066.877" x2="4042.338" y1="-3327.64" y2="-3703.276" gradientTransform="matrix(.1273 0 0 -.1273 -142.81 -233.477)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#008066" stop-opacity="0"/><stop offset="1" stop-color="#0fc"/></linearGradient><circle cx="372.3" cy="227.5" r="29.8" fill="url(#SVGihs6Kdgq)"/><circle cx="412" cy="112.9" r="15.3" fill="#0cf"/><linearGradient id="SVGHVRFFeGI" x1="7384.279" x2="7359.74" y1="-4285.117" y2="-4660.752" gradientTransform="matrix(.06552 0 0 -.06552 -70.377 -187.345)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#008066" stop-opacity="0"/><stop offset="1" stop-color="#0fc"/></linearGradient><circle cx="412.2" cy="112.7" r="15.3" fill="url(#SVGHVRFFeGI)"/></svg>

Cachyos アイコンの使い方

React

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

<Icon icon="selfhst:cachyos" width="24" />

Vue

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

<template>
  <Icon icon="selfhst:cachyos" width="24" />
</template>

Svelte

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

<Icon icon="selfhst:cachyos" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[selfhst--cachyos]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/selfhst -->
<div class="i-selfhst:cachyos"></div>

Web コンポーネント

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

<iconify-icon icon="selfhst:cachyos"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/selfhst/cachyos.svg" alt="Cachyos アイコン" width="24" height="24">

selfh.st/icons の関連アイコン

他のアイコンセットの Cachyos アイコン

Cachyos アイコンのよくある質問

Cachyos アイコンは商用利用でも無料ですか?

はい。selfh.st/icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。

React で Cachyos アイコンを使うには?

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

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

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

selfh.st/icons をすべて見る →