cloud bolt icon
cloud-bolt from Framework7 Icons by Vladimir Kharlampidi · Outline · MIT Free for personal and commercial use.
- Name
- cloud-bolt
- Set
- Framework7 Icons
- Style
- Outline
- Viewbox
- 56×56
- License
- MIT
1 other variant in Framework7 Icons
The same icon in other sets
Related icons in Framework7 Icons
Use the cloud bolt icon
SVG
<svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M12.343 35.306h28.92c7.645 0 13.33-5.803 13.33-13.004c0-7.41-6.058-12.84-13.958-12.84C37.722 3.704 32.315 0 25.58 0C16.818 0 9.593 6.851 8.824 15.52c-4.218 1.212-7.434 4.895-7.434 9.812c0 5.5 4.009 9.974 10.953 9.974m-.046-3.752c-4.778 0-7.178-2.657-7.178-6.106c0-2.82 1.631-5.337 5.593-6.385c1.282-.326 1.748-.932 1.864-2.26c.536-7.598 6.246-13.074 13.004-13.074c5.244 0 9.368 2.866 11.885 8.04c.536 1.118 1.235 1.514 2.61 1.514c6.898 0 10.79 4.172 10.79 9.136c0 5.08-4.055 9.135-9.368 9.135Zm21.067 12.398h-4.801l2.307-4.428c.28-.49.07-.886-.443-.886H25.37c-.675 0-.909.233-1.118.723l-3.17 7.224c-.256.583 0 .932.606.932h4.055l-3.192 7.714c-.117.326-.07.583.163.676c.21.093.466.023.722-.233l10.3-10.557c.49-.513.303-1.165-.372-1.165"/></svg>
React
import type { SVGProps } from "react";
export function F7CloudBolt(props: SVGProps<SVGSVGElement>) {
return (
<svg {...props} xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M12.343 35.306h28.92c7.645 0 13.33-5.803 13.33-13.004c0-7.41-6.058-12.84-13.958-12.84C37.722 3.704 32.315 0 25.58 0C16.818 0 9.593 6.851 8.824 15.52c-4.218 1.212-7.434 4.895-7.434 9.812c0 5.5 4.009 9.974 10.953 9.974m-.046-3.752c-4.778 0-7.178-2.657-7.178-6.106c0-2.82 1.631-5.337 5.593-6.385c1.282-.326 1.748-.932 1.864-2.26c.536-7.598 6.246-13.074 13.004-13.074c5.244 0 9.368 2.866 11.885 8.04c.536 1.118 1.235 1.514 2.61 1.514c6.898 0 10.79 4.172 10.79 9.136c0 5.08-4.055 9.135-9.368 9.135Zm21.067 12.398h-4.801l2.307-4.428c.28-.49.07-.886-.443-.886H25.37c-.675 0-.909.233-1.118.723l-3.17 7.224c-.256.583 0 .932.606.932h4.055l-3.192 7.714c-.117.326-.07.583.163.676c.21.093.466.023.722-.233l10.3-10.557c.49-.513.303-1.165-.372-1.165"/></svg>
);
}
Vue
<template> <svg xmlns="http://www.w3.org/2000/svg" width="1em" height="1em" viewBox="0 0 56 56"><path fill="currentColor" d="M12.343 35.306h28.92c7.645 0 13.33-5.803 13.33-13.004c0-7.41-6.058-12.84-13.958-12.84C37.722 3.704 32.315 0 25.58 0C16.818 0 9.593 6.851 8.824 15.52c-4.218 1.212-7.434 4.895-7.434 9.812c0 5.5 4.009 9.974 10.953 9.974m-.046-3.752c-4.778 0-7.178-2.657-7.178-6.106c0-2.82 1.631-5.337 5.593-6.385c1.282-.326 1.748-.932 1.864-2.26c.536-7.598 6.246-13.074 13.004-13.074c5.244 0 9.368 2.866 11.885 8.04c.536 1.118 1.235 1.514 2.61 1.514c6.898 0 10.79 4.172 10.79 9.136c0 5.08-4.055 9.135-9.368 9.135Zm21.067 12.398h-4.801l2.307-4.428c.28-.49.07-.886-.443-.886H25.37c-.675 0-.909.233-1.118.723l-3.17 7.224c-.256.583 0 .932.606.932h4.055l-3.192 7.714c-.117.326-.07.583.163.676c.21.093.466.023.722-.233l10.3-10.557c.49-.513.303-1.165-.372-1.165"/></svg> </template>
CSS
.icon-cloud-bolt {
width: 24px;
height: 24px;
background-color: currentColor;
-webkit-mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.343%2035.306h28.92c7.645%200%2013.33-5.803%2013.33-13.004c0-7.41-6.058-12.84-13.958-12.84C37.722%203.704%2032.315%200%2025.58%200C16.818%200%209.593%206.851%208.824%2015.52c-4.218%201.212-7.434%204.895-7.434%209.812c0%205.5%204.009%209.974%2010.953%209.974m-.046-3.752c-4.778%200-7.178-2.657-7.178-6.106c0-2.82%201.631-5.337%205.593-6.385c1.282-.326%201.748-.932%201.864-2.26c.536-7.598%206.246-13.074%2013.004-13.074c5.244%200%209.368%202.866%2011.885%208.04c.536%201.118%201.235%201.514%202.61%201.514c6.898%200%2010.79%204.172%2010.79%209.136c0%205.08-4.055%209.135-9.368%209.135Zm21.067%2012.398h-4.801l2.307-4.428c.28-.49.07-.886-.443-.886H25.37c-.675%200-.909.233-1.118.723l-3.17%207.224c-.256.583%200%20.932.606.932h4.055l-3.192%207.714c-.117.326-.07.583.163.676c.21.093.466.023.722-.233l10.3-10.557c.49-.513.303-1.165-.372-1.165%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
mask: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221em%22%20height%3D%221em%22%20viewBox%3D%220%200%2056%2056%22%3E%3Cpath%20fill%3D%22currentColor%22%20d%3D%22M12.343%2035.306h28.92c7.645%200%2013.33-5.803%2013.33-13.004c0-7.41-6.058-12.84-13.958-12.84C37.722%203.704%2032.315%200%2025.58%200C16.818%200%209.593%206.851%208.824%2015.52c-4.218%201.212-7.434%204.895-7.434%209.812c0%205.5%204.009%209.974%2010.953%209.974m-.046-3.752c-4.778%200-7.178-2.657-7.178-6.106c0-2.82%201.631-5.337%205.593-6.385c1.282-.326%201.748-.932%201.864-2.26c.536-7.598%206.246-13.074%2013.004-13.074c5.244%200%209.368%202.866%2011.885%208.04c.536%201.118%201.235%201.514%202.61%201.514c6.898%200%2010.79%204.172%2010.79%209.136c0%205.08-4.055%209.135-9.368%209.135Zm21.067%2012.398h-4.801l2.307-4.428c.28-.49.07-.886-.443-.886H25.37c-.675%200-.909.233-1.118.723l-3.17%207.224c-.256.583%200%20.932.606.932h4.055l-3.192%207.714c-.117.326-.07.583.163.676c.21.093.466.023.722-.233l10.3-10.557c.49-.513.303-1.165-.372-1.165%22%2F%3E%3C%2Fsvg%3E") no-repeat center / contain;
}Direct links: SVG · download · JSON · https://iconsdb.app/api/v1/icon/f7/cloud-bolt.svg?color=%231a73e8&size=48
