Smart Speaker Linear アイコン

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

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

solar:smart-speaker-linear

Smart Speaker Linear アイコン(solar:smart-speaker-linear)は、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
カテゴリ: デバイス
タグ: smartspeaker、speakerlinear、smartspeakerlinear

SVG をダウンロード

SVG コード

<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><g fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 14.0497C3.74262 14.6971 6.00917 16.5 12 16.5C18.1485 16.5 20.3171 14.6276 21 14"/><path d="M15.5 16C14.9178 14.2522 13.8467 13.5 12 13.5C10.1533 13.5 9.08225 14.2522 8.5 16"/><path stroke-linecap="round" d="M8 4.41211C7.67967 4.68754 7.5 5.08533 7.5 5.41211C7.5 6.56558 9.23858 7.41211 12 7.41211C14.7614 7.41211 16.5 6.56558 16.5 5.41211C16.5 5.08533 16.3203 4.77607 16 4.50065"/><path d="M3.32102 6.65818C3.56225 4.55367 5.15124 2.85176 7.23935 2.4614L7.4544 2.4212C10.4585 1.8596 13.541 1.8596 16.5451 2.42119L16.8681 2.48157C18.8934 2.86019 20.4367 4.50764 20.6774 6.54809C21.0957 10.0925 21.1072 13.6729 20.712 17.2199L20.6948 17.3739C20.4473 19.5951 18.7041 21.357 16.48 21.6342L15.5738 21.7471C15.079 21.8088 14.8316 21.8396 14.5845 21.8654C12.866 22.0449 11.1335 22.0449 9.41505 21.8654C9.16792 21.8396 8.92051 21.8088 8.42569 21.7471L7.41019 21.6206C5.24868 21.3512 3.55266 19.6422 3.30532 17.4844C2.89823 13.9329 2.89823 10.3467 3.30532 6.79516L3.32102 6.65818Z"/></g></svg>

Smart Speaker Linear アイコンの使い方

React

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

<Icon icon="solar:smart-speaker-linear" width="24" />

Vue

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

<template>
  <Icon icon="solar:smart-speaker-linear" width="24" />
</template>

Svelte

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

<Icon icon="solar:smart-speaker-linear" width="24" />

Tailwind CSS

<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--smart-speaker-linear]"></span>

UnoCSS

<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:smart-speaker-linear"></div>

Web コンポーネント

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

<iconify-icon icon="solar:smart-speaker-linear"></iconify-icon>

HTML 画像

<img src="https://iconyz.com/api/public/svg/solar/smart-speaker-linear.svg" alt="Smart Speaker Linear アイコン" width="24" height="24">

Solar の関連アイコン

Smart Speaker Linear アイコンのよくある質問

Smart Speaker Linear アイコンは商用利用でも無料ですか?

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

React で Smart Speaker Linear アイコンを使うには?

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

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

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

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