Users Crown Duotone アイコン
stash:users-crown-duotone
Users Crown Duotone アイコン(stash:users-crown-duotone)は、Stash Icons セットの無料 SVG アイコンです(作者: Pingback LLC)。 24 × 24 のグリッドで描かれています。 Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。 SVG・JSX・Vue・Svelte のコードとしてコピーするか、SVG ファイルをダウンロードできます。
- アイコンセット
- Stash Icons
- 作者
- Pingback LLC
- ライセンス
- MIT
- サイズ
- 24 × 24
- タグ
- userscrown、crownduotone、userscrownduotone、user
SVG コード
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path fill="currentColor" d="M8.118 9c0-.67.176-1.303.487-1.849c.108.102.495.414 1.36.63a1 1 0 0 1-.047.095A2.25 2.25 0 1 0 14.118 9c0-.84-.302-1.219-.302-1.219s1.173-.552 1.287-.63c.262.512.515 1.237.515 1.849a3.75 3.75 0 0 1-7.5 0m6.986 4.415c-.61-.173-1.188.034-1.583.297c-.36.238-.942.524-1.653.524s-1.294-.286-1.653-.524c-.396-.263-.973-.47-1.583-.297a12 12 0 0 0-.477.145l-.96.315a3.72 3.72 0 0 0-2.454 2.616l-.006.026l-.339 1.882c-.215 1.197.41 2.486 1.736 2.796c1.174.274 3.038.555 5.736.555s4.56-.281 5.735-.555c1.327-.31 1.951-1.6 1.736-2.796l-.338-1.882l-.007-.026a3.72 3.72 0 0 0-2.455-2.616l-.959-.315q-.237-.077-.476-.146m-.754 1.546c.174-.115.298-.117.345-.103q.21.06.417.127l.96.315a2.23 2.23 0 0 1 1.462 1.536l.329 1.829c.1.559-.19.973-.6 1.069c-1.054.245-2.802.516-5.395.516c-2.594 0-4.342-.27-5.395-.516c-.41-.096-.701-.51-.6-1.07l.328-1.828A2.23 2.23 0 0 1 7.664 15.3l.96-.315q.206-.068.416-.127c.048-.014.171-.012.345.103c.501.333 1.372.775 2.483.775s1.98-.442 2.482-.775"/><path fill="currentColor" d="M8.005 4.782c-.044-.225.23-.413.44-.321c.76.332 2.14.607 3.193-1.032a.297.297 0 0 1 .49 0c1.051 1.639 2.432 1.364 3.192 1.032c.21-.092.484.096.44.32l-.449 2.337S14.549 8 11.883 8s-3.43-.882-3.43-.882zm-3.78 5.361a2.643 2.643 0 1 1 5.286 0a2.643 2.643 0 0 1-5.286 0M6.868 8.5a1.643 1.643 0 1 0 0 3.286a1.643 1.643 0 0 0 0-3.286m-2.049 4.797c.347-.092.675.022.901.186c.09.065.214.145.365.218a.5.5 0 0 1-.435.9a3.4 3.4 0 0 1-.517-.308a.2.2 0 0 0-.054-.027l-.006-.001a7 7 0 0 0-.402.12l-.685.224a1.63 1.63 0 0 0-1.066 1.114l-.284 2.049c-.055.403.157.705.46.777q.337.082.814.16a.5.5 0 1 1-.16.988a12 12 0 0 1-.885-.175c-.894-.213-1.332-1.07-1.22-1.887l.292-2.106l.007-.027a2.62 2.62 0 0 1 1.73-1.843l.685-.225q.229-.075.46-.137m13.329.186c.226-.164.554-.278.9-.186q.232.062.46.137l.686.225c.855.281 1.51.975 1.73 1.843l.006.027l.292 2.106c.113.816-.326 1.674-1.22 1.887q-.371.091-.885.175a.5.5 0 1 1-.159-.988q.478-.078.813-.16c.303-.072.516-.374.46-.777l-.283-2.049a1.63 1.63 0 0 0-1.066-1.114l-.686-.225a7 7 0 0 0-.4-.12h-.002l-.006.002a.2.2 0 0 0-.053.027a3.4 3.4 0 0 1-.517.308a.5.5 0 0 1-.435-.9c.151-.073.275-.153.365-.218M16.868 7.5a2.643 2.643 0 1 0 0 5.286a2.643 2.643 0 0 0 0-5.286m-1.643 2.643a1.643 1.643 0 1 1 3.286 0a1.643 1.643 0 0 1-3.286 0" opacity=".5"/></svg>Users Crown Duotone アイコンの使い方
React
import { Icon } from "@iconify/react";
<Icon icon="stash:users-crown-duotone" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="stash:users-crown-duotone" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="stash:users-crown-duotone" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[stash--users-crown-duotone]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/stash -->
<div class="i-stash:users-crown-duotone"></div>Web コンポーネント
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="stash:users-crown-duotone"></iconify-icon>HTML 画像
<img src="https://iconyz.com/api/public/svg/stash/users-crown-duotone.svg" alt="Users Crown Duotone アイコン" width="24" height="24">Stash Icons の関連アイコン
Users Crown Duotone アイコン のよくある質問
Users Crown Duotone アイコンは商用利用でも無料ですか?
はい。Stash Icons は MIT ライセンス で公開されており、個人・商用プロジェクトで利用できます。
React で Users Crown Duotone アイコンを使うには?
@iconify/react をインストールして <Icon icon="stash:users-crown-duotone" /> を描画するか、このページの「コードをコピー」で単体の React コンポーネントを取得します。
Users Crown Duotone アイコンをウェブページに追加するには?
画像タグで SVG ファイルを読み込みます: <img src="https://iconyz.com/api/public/svg/stash/users-crown-duotone.svg" alt="Users Crown Duotone アイコン">。CSS でスタイルを付けたい場合は SVG コードをページに直接貼り付けます。