Solid アイコン

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

はい。SVG Logos icons は CC0 ライセンス で公開されており、個人・商用プロジェクトで利用できます。

logos:solid

Solid アイコン(logos:solid)は、SVG Logos セットの無料 SVG アイコンです（作者: Gil Barbara）。 256 × 230 のグリッドで描かれています。 SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: SVG Logos
作者: Gil Barbara
ライセンス: CC0-1.0
サイズ: 256 × 230

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="256" height="230" viewBox="0 0 256 230"><path fill="#fff" d="m54.335 215.771l-50.808-88.12a26.44 26.44 0 0 1 0-26.383l50.808-88.054A26.41 26.41 0 0 1 77.192 0h101.55c9.427 0 18.178 5.029 22.858 13.214l50.83 88.098a26.44 26.44 0 0 1 0 26.383l-50.808 88.12a26.41 26.41 0 0 1-22.857 13.214H77.257a26.64 26.64 0 0 1-22.922-13.258"/><path fill="#7c4dff" d="m58.667 209.785l-47.783-82.873a24.78 24.78 0 0 1 0-24.817L58.667 19.2A24.88 24.88 0 0 1 80.196 6.77h95.565c8.86 0 17.088 4.724 21.529 12.43l47.826 82.852a24.78 24.78 0 0 1 0 24.816l-47.804 82.939a24.88 24.88 0 0 1-21.53 12.43H80.24a24.92 24.92 0 0 1-21.572-12.452"/><path fill="#f7f7f7" d="M71.572 95.174a11.7 11.7 0 0 1-3.501-8.426c0-17.175 13.91-31.085 31.085-31.064h59.037c12.256 0 22.204 9.949 22.204 22.204v18.439c0 1.219-.98 2.22-2.22 2.22h-42.742l40.609 40.62q.096.097.19.196a10.72 10.72 0 0 1 4.163 8.49c0 17.742-14.41 32.152-32.152 32.152H89.49c-11.82 0-21.442-9.6-21.42-21.464v-19.287c0-1.153.914-2.133 2.133-2.133h43.233L72.424 96.11a13 13 0 0 1-.852-.935"/><path fill="#444" d="m146.961 170.688l-43.081-33.567h9.535zM101.507 64.61l33.938 33.937h11.516z" opacity=".3"/></svg>

Solid アイコンの使い方

React

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

<Icon icon="logos:solid" width="24" />

Vue

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

<template>
  <Icon icon="logos:solid" width="24" />
</template>

Svelte

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

<Icon icon="logos:solid" width="24" />

Tailwind CSS

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

UnoCSS

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

Web コンポーネント

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

<iconify-icon icon="logos:solid"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/logos/solid.svg" alt="Solid アイコン" width="24" height="24">

SVG Logos の関連アイコン

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

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

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

はい。SVG Logos icons は CC0 ライセンスで公開されており、個人・商用プロジェクトで利用できます。

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

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

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

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

SVG Logos アイコンをすべて見る →