Vanity Broken アイコン
solar:vanity-broken
Vanity Broken アイコン(solar:vanity-broken)は、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
- カテゴリ
- ホーム
- タグ
- vanitybroken
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="M7.99999 21H16C18.8284 21 20.2426 21 21.1213 20.1213C21.8897 19.3529 21.9861 18.175 21.9982 16.0001C22.0013 15.4478 21.5523 15 21 15H2.99999C2.4477 15 1.99865 15.4478 2.00172 16.0001C2.01383 18.175 2.11029 19.3529 2.87867 20.1213C3.75735 21 5.17156 21 7.99999 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 Broken アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="solar:vanity-broken" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="solar:vanity-broken" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="solar:vanity-broken" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[solar--vanity-broken]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/solar -->
<div class="i-solar:vanity-broken"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="solar:vanity-broken"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/solar/vanity-broken.svg" alt="Vanity Broken アイコン" width="24" height="24">Solar の関連アイコン
Vanity Broken アイコン のよくある質問
Vanity Broken アイコンは商用利用でも無料ですか?
はい。Solar icons は CC BY 4.0 ライセンス で公開されています。作者のクレジットを表記すれば、個人・商用プロジェクトで利用できます。
React で Vanity Broken アイコンを使うには?
@iconify/react をインストールして <Icon icon="solar:vanity-broken" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Vanity Broken アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/solar/vanity-broken.svg" alt="Vanity Broken アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。