Anycable アイコン

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

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

selfhst:anycable

Anycable アイコン(selfhst:anycable)は、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 コード

<svg xmlns="http://www.w3.org/2000/svg" width="512" height="512" viewBox="0 0 512 512"><path fill="#4a4a4a" fill-rule="evenodd" d="M195.3 358.8c0-5.6 4-8.1 9.1-5.5l22.3 11.1c5 2.5 9.1 9.1 9.1 14.6v121.4c0 5.6-4 8.1-9.1 5.5l-22.3-11.1c-5-2.5-9.1-9.1-9.1-14.6zm9.4 119.5c2.9 8 10.1 12.7 16.1 10.5s8.5-10.4 5.6-18.4s-10.1-12.7-16.1-10.5s-8.5 10.4-5.6 18.4m71.5-159.9c0-5.6 4-8.1 9.1-5.5l22.3 11.1c5 2.5 9.1 9.1 9.1 14.6V460c0 5.6-4 8.1-9.1 5.5l-22.3-11.1c-5-2.5-9.1-9.1-9.1-14.6zm9.4 119.5c2.9 8 10.1 12.7 16.1 10.5s8.5-10.4 5.6-18.4s-10.1-12.7-16.1-10.5s-8.5 10.4-5.6 18.4" clip-rule="evenodd"/><path fill="#4a4a4a" fill-rule="evenodd" d="m232.2 365.1l-10.1 5.1v141.5l10.1-5.1zm80.9-40.4l-10.1 5.1v141.5l10.1-5.1zM201.2 456.6l-1.2 22.3l14.4 18.1l-18.6-.5l-7.9-20.9l1.9-18.3zm80.9-40.4l-1.2 22.3l14.4 18.1l-18.6-.5l-7.9-20.9l1.9-18.3z" clip-rule="evenodd"/><path fill-rule="evenodd" d="M185.2 363.9c0-5.6 4-8.1 9.1-5.5l22.3 11.1c5 2.5 9.1 9.1 9.1 14.6v121.4c0 5.6-4 8.1-9.1 5.5l-22.3-11.1c-5-2.5-9.1-9.1-9.1-14.6zm9.4 119.5c2.9 8 10.1 12.7 16.1 10.5s8.5-10.4 5.6-18.4s-10.1-12.7-16.1-10.5s-8.5 10.4-5.6 18.4m71.5-160c0-5.6 4-8.1 9.1-5.5l22.3 11.1c5 2.5 9.1 9.1 9.1 14.6V465c0 5.6-4 8.1-9.1 5.5l-22.3-11.1c-5-2.5-9.1-9.1-9.1-14.6zm9.4 119.5c2.9 8 10.1 12.7 16.1 10.5s8.5-10.4 5.6-18.4s-10.1-12.7-16.1-10.5s-8.5 10.5-5.6 18.4" clip-rule="evenodd"/><path fill="#ff5e5e" fill-rule="evenodd" d="M458.2 101.1L256 202.2v252.7l202.2-101.1z"/><path fill="#f32b2b" fill-rule="evenodd" d="M53.8 101.1L256 202.2v252.7L53.8 353.8z"/><linearGradient id="SVGjs18fdcU" x1="-693.79" x2="-688.735" y1="810.319" y2="810.319" gradientTransform="matrix(80 0 0 24 55557 -19387)" gradientUnits="userSpaceOnUse"><stop offset="0" stop-color="#f22b2b"/><stop offset="1" stop-color="#ff5e5e"/></linearGradient><path fill="url(#SVGjs18fdcU)" fill-rule="evenodd" d="M53.8 121.3L256 20.2l202.2 101.1v-20.2L256 0L53.8 101.1z"/><path fill-rule="evenodd" d="M387.4 328.5s0 12.6-15.2 20.2s-15.2-5.1-15.2-5.1v-20.2l30.3-15.2v20.3zm34.5-100.9c-3.8 10.5-13.3 16.7-21.2 13.8s-11.2-13.7-7.3-24.2c3.8-10.5 13.3-16.7 21.2-13.8c7.8 2.9 11.1 13.7 7.3 24.2M341 268c-3.8 10.5-13.3 16.7-21.2 13.8s-11.2-13.7-7.3-24.2c3.8-10.5 13.3-16.7 21.2-13.8s11.1 13.7 7.3 24.2m-216.4-63.3c0-2.8-2-6.1-4.5-7.3l-11.2-5.6c-2.5-1.2-4.5.1-4.5 2.8v50.5c0 2.8 2 6.1 4.5 7.3l11.2 5.6c2.5 1.2 4.5-.1 4.5-2.8zm70.7 35.4c0-2.8-2-6.1-4.5-7.3l-11.2-5.6c-2.5-1.2-4.5.1-4.5 2.8v50.5c0 2.8 2 6.1 4.5 7.3l11.2 5.6c2.5 1.2 4.5-.1 4.5-2.8zM165 331s0-12.6-15.2-20.2s-15.2 5.1-15.2 5.1V336l30.3 15.2V331zm50.6-184.4c11.2 0 20.2-6.8 20.2-15.2s-9.1-15.2-20.2-15.2s-20.2 6.8-20.2 15.2s9 15.2 20.2 15.2m80.8-40.5c11.2 0 20.2-6.8 20.2-15.2s-9.1-15.2-20.2-15.2s-20.2 6.8-20.2 15.2s9.1 15.2 20.2 15.2" clip-rule="evenodd"/></svg>

Anycable アイコンの使い方

React

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

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

Vue

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

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

Svelte

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

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

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

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

HTML 画像

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

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

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

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

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

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

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

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

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

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