Ikon Paramount Light
thesvg-color:paramount-light
Ikon Paramount Light (thesvg-color:paramount-light) adalah ikon SVG gratis dari set theSVG Color karya thesvg.org. Ikon ini digambar pada grid 118 × 27. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial. Salin sebagai kode SVG, JSX, Vue, atau Svelte, atau unduh file SVG-nya.
- Set ikon
- theSVG Color
- Pembuat
- thesvg.org
- Lisensi
- MIT
- Ukuran
- 118 × 27
- Tag
- paramountlight
Kode SVG
<svg xmlns="http://www.w3.org/2000/svg" width="118" height="27" viewBox="0 0 118 27"><path fill="#fff" d="M30.012 6.878C30.012 2.234 25.08 0 19.22 0C12.951 0 7.2 2.773 5.088 7.073a8.14 8.14 0 0 0-.883 3.697a5.55 5.55 0 0 0 .883 3.138c.905 1.333 2.52 2.172 4.89 2.172c2.907 0 5.212-1.591 5.212-4.365c0 0 .043-.773-.862-.773c-.733 0-.927.516-.905.773c.108 2.172-1.185 3.913-3.49 3.913c-2.584 0-3.662-2.193-3.662-4.536c0-4.794 3.62-7.975 7.389-9.352a15.1 15.1 0 0 1 5.514-.967c4.266 0 7.755 1.634 7.755 6.02c0 3.655-3.08 6.772-6.765 7.051l.151-.494c.754-2.687 1.68-5.632 3.188-7.803c.086-.13.237-.345.41-.56l-.216-.258a9 9 0 0 0-.926.644c-7.065 5.503-7.28 20.983-16.694 20.983q-.484 0-.97-.065c-1.96-.323-2.994-1.634-2.994-3.46c0-.366.129-.86.129-1.14a.94.94 0 0 0-.927-.967h-.107c-.84 0-1.185.665-1.207 1.612c-.064 2.73 1.961 4.32 5.084 4.622c.345.021.69.042 1.056.042c7.346 0 11.847-5.546 13.765-12.275a16 16 0 0 0 2.865-.6c3.408-.948 7.241-3.227 7.241-7.247m69.969 1.61h-2.584l-.583 1.355l-1.012 2.28h-1.206l-.366.774h1.249l-1.508 3.332c-1.077 2.342-2.758 4.643-3.727 4.643c-.215 0-.344-.086-.344-.3c0-.217.064-.41.302-1.012c.301-.709.798-1.741 1.164-2.494c.538-1.096 1.4-2.794 1.4-3.633s-.54-1.505-1.595-1.505c-1.185 0-2.262.71-3.252 1.74l.647-1.547H86.13l-1.981 4.514c-.797 1.591-2.413 4.235-3.425 4.235c-.215 0-.302-.129-.302-.344a1.8 1.8 0 0 1 .151-.56c.086-.194 1.271-2.966 1.271-2.966l2.154-4.923H81.37l-2.09 4.795c-.646 1.483-2.284 4-3.34 4a.335.335 0 0 1-.366-.302v-.086c0-.257.194-.73.344-1.076l1.1-2.408l2.262-4.923h-2.606l-.517 1.118c-.388.753-1.034 1.634-2.068 1.634c-.496 0-.732-.193-.84-.387c-.151-1.656-1.207-2.537-2.758-2.537c-2.154 0-3.684 1.268-4.697 2.817a14.4 14.4 0 0 0-1.55 3.418c-.927 1.527-1.895 2.71-2.671 2.71c-.195 0-.324-.109-.324-.366s.26-.838.346-1.054l1.701-3.61c.474-1.117.797-1.85.797-2.58c0-.774-.54-1.332-1.422-1.332c-1.228 0-2.564.71-3.62 1.87c.044-.194.044-.365.044-.56c0-.859-.43-1.31-1.315-1.31c-1.12 0-2.282.667-3.338 1.87l.69-1.678H52.76l-2.003 4.516c-.948 2.129-2.478 4.236-3.34 4.236c-.193 0-.322-.108-.322-.366c0-.407.452-1.418.625-1.826l2.65-5.997c.194-.452-1.077-.732-2.693-.732c-1.658 0-3.36.817-4.61 1.87c-.882.73-1.53 1.096-1.853 1.096c-.171 0-.237-.086-.237-.193c0-.365.883-1.398.883-2.193c0-.365-.193-.602-.69-.602c-.947 0-2.067.903-2.886 1.848l.69-1.655h-2.327l-2.003 4.515c-.947 2.129-2.521 4.343-3.382 4.343c-.195 0-.324-.107-.324-.366c0-.407.43-1.396.668-1.914l2.65-6.019c.194-.451-1.077-.732-2.692-.732c-2.392 0-4.718 1.614-5.947 3.268c-1.357 1.784-2.283 3.675-2.304 5.224c-.022 1.246.625 2.02 1.916 2.02c1.444 0 2.607-1.139 3.274-1.998a5 5 0 0 0-.086.515c0 .86.344 1.484 1.4 1.484c.925 0 2.154-.775 3.145-2l-.797 1.829h2.52l2.478-5.61c.819-1.828 1.745-2.774 2.003-2.774c.087 0 .13.044.13.107c0 .194-.388.71-.388 1.182c0 .474.258.839.948.839c.538 0 1.14-.259 1.68-.602c-1.272 1.72-2.134 3.526-2.134 5.01c-.022 1.247.625 2.021 1.918 2.021c1.357 0 2.628-1.29 3.317-2.15a5 5 0 0 0-.043.603c0 .838.474 1.547 1.444 1.547c1.076 0 1.938-.666 3.016-1.977l-.797 1.806h2.585l2.37-5.352c1.033-2.322 2.433-3.569 3.122-3.569a.313.313 0 0 1 .345.28v.065a2.3 2.3 0 0 1-.216.752l-3.403 7.847h2.65l2.412-5.46c1.034-2.344 2.176-3.484 3.037-3.484c.26 0 .366.13.366.408a2.3 2.3 0 0 1-.237.86l-2.327 4.944a4.6 4.6 0 0 0-.388 1.505c0 .753.41 1.42 1.573 1.42c1.508 0 2.649-1.14 3.942-2.839v.366c.108 1.354.86 2.536 2.865 2.536c2.37 0 4.288-1.633 5.45-4.234c.432-.925.732-1.893.84-2.904c.26.13.56.194.841.173c.388 0 .775-.087 1.12-.28l-.41.882c-.474.989-.99 2.085-1.4 3.01a4.9 4.9 0 0 0-.452 1.74c0 .925.517 1.592 1.573 1.592c1.055 0 2.5-.99 3.533-2.387h.022a4 4 0 0 0-.108.881c0 .775.237 1.506 1.314 1.506c1.25 0 2.219-.903 3.166-2.043l-.796 1.806h2.606l2.09-4.73c1.184-2.666 2.369-4.279 3.468-4.279c.195 0 .344.129.366.323v.064c0 .452-.647 1.678-1.227 2.903c-.539 1.117-.949 1.977-1.228 2.644c-.26.559-.41 1.16-.453 1.785c0 .816.453 1.44 1.466 1.44c1.508 0 3.037-1.461 3.855-2.558a5.4 5.4 0 0 0-.301 1.633c0 1.506.904 2.258 2.175 2.258c.84 0 1.66-.28 2.349-.774c.991-.689 1.788-1.72 2.456-2.666l-.453-.43c-.625.88-1.313 1.72-2.025 2.235a2.2 2.2 0 0 1-1.335.516c-.54 0-.883-.28-.883-.968s.323-1.613.818-2.86c.022-.02.732-1.611 1.4-3.138c.56-1.29 1.12-2.537 1.227-2.795h1.702l.345-.775h-1.68zm-73.48 12.405c-.366 0-.625-.129-.625-.602c.022-1.268 1.076-3.526 2.391-5.332c.926-1.247 2.132-2.172 3.425-2.172l-1.637 3.655c-1.227 2.753-2.562 4.45-3.554 4.45m16.114 0c-.366 0-.624-.129-.646-.602c.021-1.268 1.077-3.526 2.392-5.332c.925-1.247 2.132-2.172 3.424-2.172l-1.637 3.655c-1.249 2.817-2.52 4.45-3.533 4.45m28.607-7.115c-.064 1.397-1.293 4.772-2.735 6.793c-.581.817-1.078 1.054-1.508 1.054c-.603 0-.776-.495-.69-1.226c.13-1.268 1.185-4.235 2.65-6.278c.667-.925 1.12-1.312 1.638-1.312c.516 0 .667.431.645.969m40.206-1.652l2.371-5.467h-2.808l-2.371 5.467h-5.97l-.994 2.294h5.969l-2.372 5.467h2.809l2.371-5.468h5.968l.995-2.293z"/></svg>Cara memakai ikon Paramount Light
React
import { Icon } from "@iconify/react";
<Icon icon="thesvg-color:paramount-light" width="24" />Vue
<script setup>
import { Icon } from "@iconify/vue";
</script>
<template>
<Icon icon="thesvg-color:paramount-light" width="24" />
</template>Svelte
<script>
import Icon from "@iconify/svelte";
</script>
<Icon icon="thesvg-color:paramount-light" width="24" />Tailwind CSS
<!-- @iconify/tailwind plugin -->
<span class="icon-[thesvg-color--paramount-light]"></span>UnoCSS
<!-- @unocss/preset-icons + @iconify-json/thesvg-color -->
<div class="i-thesvg-color:paramount-light"></div>Web component
<script src="https://code.iconify.design/iconify-icon/2.1.0/iconify-icon.min.js"></script>
<iconify-icon icon="thesvg-color:paramount-light"></iconify-icon>Gambar HTML
<img src="https://iconyz.com/api/public/svg/thesvg-color/paramount-light.svg" alt="Ikon Paramount Light" width="24" height="24">Ikon terkait di theSVG Color
FAQ Ikon Paramount Light
Apakah ikon Paramount Light gratis untuk penggunaan komersial?
Ya. theSVG Color icons dirilis di bawah lisensi MIT, yang mengizinkan penggunaan dalam proyek pribadi maupun komersial.
Bagaimana cara memakai ikon Paramount Light di React?
Pasang @iconify/react lalu render <Icon icon="thesvg-color:paramount-light" />, atau gunakan “Salin kode” di halaman ini untuk mendapatkan komponen React mandiri.
Bagaimana cara menambahkan ikon Paramount Light ke halaman web?
Tautkan file SVG di tag gambar: <img src="https://iconyz.com/api/public/svg/thesvg-color/paramount-light.svg" alt="Ikon Paramount Light">, atau tempel kode SVG langsung di halaman untuk menatanya dengan CSS.