High Quality Bold Duotone アイコン

Q: High Quality Bold Duotone アイコンは商用利用でも無料ですか?

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

solar:high-quality-bold-duotone

High Quality Bold Duotone アイコン(solar:high-quality-bold-duotone)は、Solar セットの無料 SVG アイコンです（作者: 480 Design）。 24 × 24 のグリッドで描かれています。 Solar icons は CC BY 4.0 ライセンスで公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。

アイコンセット: Solar
作者: 480 Design
ライセンス: CC-BY-4.0
サイズ: 24 × 24
カテゴリ: UI
タグ: highquality、qualitybold、boldduotone、highqualityboldduotone

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="currentColor"><path d="M12 22C7.28595 22 4.92893 22 3.46447 20.5355C2 19.0711 2 16.714 2 12C2 7.28595 2 4.92893 3.46447 3.46447C4.92893 2 7.28595 2 12 2C16.714 2 19.0711 2 20.5355 3.46447C22 4.92893 22 7.28595 22 12C22 16.714 22 19.0711 20.5355 20.5355C19.0711 22 16.714 22 12 22Z" opacity=".5"/><path d="M6 7.25002C6.41421 7.25002 6.75 7.58581 6.75 8.00002V11.25H10.0648V8.00002C10.0648 7.58581 10.4006 7.25002 10.8148 7.25002C11.229 7.25002 11.5648 7.58581 11.5648 8.00002V15.6191C11.5648 16.0333 11.229 16.3691 10.8148 16.3691C10.4006 16.3691 10.0648 16.0333 10.0648 15.6191V12.75H6.75V15.6191C6.75 16.0333 6.41421 16.3691 6 16.3691C5.58579 16.3691 5.25 16.0333 5.25 15.6191V8.00002C5.25 7.58581 5.58579 7.25002 6 7.25002Z"/><path fill-rule="evenodd" d="M16.1111 7.25002L16.0472 7.25001C15.6619 7.2499 15.3826 7.24982 15.1373 7.28842C14.1647 7.44149 13.2582 8.0696 13.0133 9.04369C12.9529 9.28417 12.9533 9.55227 12.9536 9.83609L12.9537 9.90479V13.7143L12.9536 13.783C12.9533 14.0668 12.9529 14.3349 13.0133 14.5754C13.2582 15.5495 14.1647 16.1776 15.1373 16.3307C15.3826 16.3693 15.6619 16.3692 16.0472 16.3691L16.1111 16.3691L16.175 16.3691C16.5604 16.3692 16.8396 16.3693 17.0849 16.3307C17.3655 16.2865 17.6405 16.2028 17.8958 16.0827L18.5346 16.5882C18.8595 16.8452 19.3312 16.7902 19.5882 16.4654C19.8452 16.1406 19.7902 15.6689 19.4654 15.4119L19.0199 15.0594C19.1015 14.9094 19.1655 14.7478 19.2089 14.5754C19.2693 14.3349 19.269 14.0668 19.2686 13.783L19.2685 13.7143V9.90479L19.2686 9.83608C19.269 9.55226 19.2693 9.28417 19.2089 9.04369C18.964 8.0696 18.0575 7.44149 17.0849 7.28842C16.8396 7.24982 16.5604 7.2499 16.175 7.25001L16.1111 7.25002ZM17.5394 13.888L17.7656 14.067C17.7675 13.9954 17.7685 13.8861 17.7685 13.7143V9.90479C17.7685 9.50601 17.7628 9.44401 17.7541 9.40942C17.6951 9.17455 17.4071 8.85759 16.8517 8.77018C16.7383 8.75233 16.5873 8.75002 16.1111 8.75002C15.635 8.75002 15.4839 8.75233 15.3705 8.77018C14.8151 8.85759 14.5271 9.17455 14.4681 9.40942C14.4594 9.44401 14.4537 9.50601 14.4537 9.90479V13.7143C14.4537 14.1131 14.4594 14.1751 14.4681 14.2097C14.5271 14.4445 14.8151 14.7615 15.3705 14.8489C15.4839 14.8668 15.635 14.8691 16.1111 14.8691C16.2412 14.8691 16.3471 14.8689 16.4345 14.8683C16.2748 14.6077 16.2852 14.2645 16.4859 14.0109C16.7429 13.686 17.2146 13.631 17.5394 13.888Z" clip-rule="evenodd"/></g></svg>

High Quality Bold Duotone アイコンの使い方

React

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

<Icon icon="solar:high-quality-bold-duotone" width="24" />

Vue

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

<template>
  <Icon icon="solar:high-quality-bold-duotone" width="24" />
</template>

Svelte

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

<Icon icon="solar:high-quality-bold-duotone" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--high-quality-bold-duotone]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:high-quality-bold-duotone"></div>

Web コンポーネント

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

<iconify-icon icon="solar:high-quality-bold-duotone"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/high-quality-bold-duotone.svg" alt="High Quality Bold Duotone アイコン" width="24" height="24">

Solar の関連アイコン

High Quality Bold Duotone アイコンのよくある質問

High Quality Bold Duotone アイコンは商用利用でも無料ですか?

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

React で High Quality Bold Duotone アイコンを使うには?

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

High Quality Bold Duotone アイコンをウェブページに追加するには?

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

Solar アイコンをすべて見る →