Vanity Linear アイコン
solar:vanity-linear
Vanity Linear アイコン(solar:vanity-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
- カテゴリ
- ホーム
- タグ
- vanitylinear
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 stroke-linecap="round" d="M19 22V21.5M5 22V21.5"/><path stroke-linecap="round" d="M12 21V15"/><path d="M8.00023 21H16.0002C18.8287 21 20.2429 21 21.1216 20.1213C21.8899 19.3529 21.9864 18.175 21.9985 16.0001C22.0016 15.4478 21.5525 15 21.0002 15H3.00023C2.44795 15 1.99889 15.4478 2.00197 16.0001C2.01408 18.175 2.11053 19.3529 2.87891 20.1213C3.75759 21 5.1718 21 8.00023 21Z"/><path d="M20.5 15.0001V6.13759C20.5 5.74965 20.5 5.55568 20.4822 5.42302C20.359 4.50707 19.8459 3.94522 18.9449 3.73964C18.8144 3.70987 18.5429 3.68518 18 3.63583C16.9981 3.54475 15.8169 3.19603 14.7687 2.81468C13.2754 2.2714 12.5288 1.99976 12 1.99976C11.4712 1.99976 10.7246 2.2714 9.23133 2.81468C8.18314 3.19603 7.00193 3.54475 6 3.63583C5.45709 3.68519 5.18562 3.70987 5.05512 3.73964C4.15409 3.94522 3.64099 4.50707 3.51784 5.42302C3.5 5.55568 3.5 5.74965 3.5 6.13759V15.0001"/><path stroke-linecap="round" d="M15 18L17 18"/><path stroke-linecap="round" d="M7 18L9 18"/><path stroke-linecap="round" d="M14.5 11L13.5 12M13.5 8L10.5 11M10.5 7L9.5 8"/></g></svg>Vanity Linear アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:vanity-linear" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:vanity-linear" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:vanity-linear" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--vanity-linear]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:vanity-linear"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:vanity-linear"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/vanity-linear.svg" alt="Vanity Linear アイコン" width="24" height="24">Solar の関連アイコン
Vanity Linear アイコン のよくある質問
Vanity Linear アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Vanity Linear アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:vanity-linear" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vanity Linear アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/vanity-linear.svg" alt="Vanity Linear アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。